Email không xác thực hoàn toàn với xác thực jQuery

Question

Địa chỉ email không xác thực hoàn toàn chẳng hạn. tôi có một trường email và tôi đang xác thực nó từ plugin xác thực jQuery. khi tôi đặt một số như "abbcss" nó nói email không hợp lệ. sau đó tôi đặt "abbcss @ g" lỗi đã biến mất và bạn có thể thấy email vẫn không hợp lệ. cho sự hiểu biết tốt hơn tôi đặt một fiddle ở đây.

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

bất kỳ sự giúp đỡ về vấn đề này sẽ appriciate.

Answer 1

Bạn có thể xác nhận email bằng cách sử dụng jquery validation Plugin 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 
     }, 
    } 
});