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

// -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 };

 

 

적용할 파일내 

<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>