Nie sprawdzanie poprawności wiadomości e-mail z walidacją jQuery

Question

Adres e-mail nie jest sprawdzany na przykład. Mam pole e-mail i sprawdzam poprawność z wtyczki sprawdzania poprawności jQuery. kiedy umieszczam coś w stylu "abbcss", oznacza to, że e-mail nie jest prawidłowy. następnie umieszczam "abbcss @ g" błąd zniknął i jak widać e-mail jest nadal nieważny. dla lepszego zrozumienia umieściłem tutaj skrzypce.

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

każda pomoc dotyczącą tego problemu będzie appriciate.

Answer 1

można potwierdzić e-mail za pomocą jquery sprawdzania poprawności wtyczki 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 
     }, 
    } 
});