Email Validaton 정규표현식코드 적

• Email Validation 정규 표현식 코드

utils/validation.js

function validateEmail(email) 
    {
        var re = /\S+@\S+\.\S+/;
        return re.test(email);
    }
    
console.log(validateEmail('anystring@anystring.anystring'));

<template>
  <div>
    <form @submit.prevent="submitForm">
      <div>
        <label for="username">ID: </label>
        <input type="text" id="username" v-model="username" />
      </div>
      <div>
        <label for="password">PW: </label>
        <input type="text" id="password" v-model="password" />
      </div>
      <button :disabled="!isUsernameValid || !password" type="submit">
        로그인
      </button>
      <p>{{ logMessage }}</p>
    </form>
  </div>
</template>

import { validateEmail } from '@/utils/validation';

computed: {
    // 데이터의 변화에 따라서 자동으로 계산해주는 연산식
    isUsernameValid() {
      // 조건식 form이 유효하면 true, 유효하지않으면 false
      return validateEmail(this.username);
    },
  },