電子郵件不完全驗證與jQuery驗證

Question

電子郵件地址不完全驗證例如。我有一個電子郵件字段，我從jQuery驗證插件驗證它。當我把一些像「abbcss」那樣說電子郵件是無效的。然後我把「abbcss @ g」的錯誤消失了，你可以看到電子郵件仍然無效。爲了更好地理解，我在這裏放了一個小提琴。

$(document).ready(function(e) { 
 
    $('#email').keyup(function(){ 
 
\t \t \t $('#checkform').validate(); 
 
\t }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<link href="//getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="//cdn.jsdelivr.net/jquery.validation/1.15.0/jquery.validate.js"></script> 
 

 

 
<form id="checkform"> 
 
<input id="email" type="email" name="email"> 
 
</form> 
 
<hr> 
 
<p>Try to put first "abcc" and click outside field </p> 
 
<p>then try to put "abcc@gmail" and click outside field </p> 
 
<p>it will consider it a valid email but actually it is not.</p>

關於這個問題將是任何並欣賞幫助。

Answer 1

您可以通過使用jquery驗證插件add method

jQuery.validator.addMethod("validate_email", function(value, element) { 

    if (/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test(value)) { 
     return true; 
    } else { 
     return false; 
    } 
}, "Please enter a valid Email."); 

$('#checkform').validate({ 
    rules: { 
     email: { 
      validate_email: true 
     }, 
    } 
});