email, 비밀번호 input form 유효성 체크

email, 비밀번호 input창 form 유효성 체크

검색 키워드

Validate email form

Validate form using javascript, jquery

참고 사이트

http://talkerscode.com/webtricks/validate-email-and-password-using-jquery.php

  <div id="form_div">
    <p id="form_label">SIGNUP FORM</p>
    <form method="post" onsubmit="return validate();">
      <input type="text" id="email" placeholder="Enter Email">>
      <input type="password" id="password" placeholder="*******">>
      <input type="submit" value="SUBMIT">
    </form>
    <p id="form_note">패스워드는 최소 8자,대문자,소문자,특수문자가 들어가야합니다.</p>
  </div>
 
  <script>
    function validate() {
      var email = $("#email").val();
      var pass = $("#password").val();
 
      var email_regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
      var password_regex1 = /([a-z].*[A-Z])|([A-Z].*[a-z])([0-9])+([!,%,&,@,#,$,^,*,?,_,~])/;
      var password_regex2 = /([0-9])/;
      var password_regex3 = /([!,%,&,@,#,$,^,*,?,_,~])/;
 
      if (email_regex.test(email) == false) {
        alert("Please Enter Correct Email");
        return false;
      } else if (pass.length < 8 || password_regex1.test(pass) == false || password_regex2.test(pass) == false || password_regex3.test(pass) == false) {
        alert("Please Enter Strong Password");
        return false;
      } else {
        return true;
      }
    }
  </script>