Vue

vue 이메일 체크 정규 표현식 코드

입방정 2021. 4. 10. 15:57
728x90

utils/새파일작성

1
2
3
4
5
6
7
8
// -utils/validation.js 파일내 
 
function validateEmail(email) {
    var re = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    return re.test(String(email).toLowerCase());
  }  
 
  export { validateEmail };
 cs

 

 

적용할 파일내 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<template>
   <button :disabled="!isUserValid || !password" type="submit">로그인</button>
</template>
 
<script>
import {validateEmail} '@/utils/validation'
 
 
export default {
 data(){
  return {
   username:''
   password:''
  }
},
computed:{
  isUserValid(){
   return validateEmail(this.username)
  {
}
</script>
 cs
 
728x90