정규식으로 이메일형식 검증해보기

/정규식/.test(정규식으로 검사해볼문자) 
/abc/.test('abcdef')

아무 문자나 뒤에 .test() 붙일 수 있습니다.

그럼 문자에 찾을 단어가 들어있는지 검사해주고 있으면 true / 없으면 false 남겨줍니다.

 

 

$('form').on('submit',function(e){

  var 입력한값 = document.getElementById('email').value;
  if ( /\S+@\S+\.\S+/.test(입력한값) ){
    alert('이메일형식아님')
    e.preventDefault();
  }

});

1. 제출버튼을 눌렀을때 변화가 생기도록

2. 입력한 값을 먼저 변수에 담아주고

3. 입력한 값을 test()에 담아 검증

4. 알림창띄움

5. 다음페이지로 넘어가기 방지

 

 

 

문제: 폼 전송시 유저가 입력한 비번에 영어 대문자가 적어도 1개 있는지 검사해봅시다.
없으면 alert() 띄우거나 맘대로 합시다.

<script>
$('form').on('submit',function(e){
    e.preventDefault();
    var 입력한값 = document.querySelector('password').value;
    if(/[A-Z]/test.(입력한값)=== false){
    alert('영어대문자 없음')
    }
});
</script>