jquery ne fonctionne pas lors de la soumission d'un formulaire

Question

$(document).ready(function(){ 
    $("#name").blur(function(){ 
    var name = $("#name").val(); 
     if ($(this).val().match('^[a-zA-Z]{3,16}$')) 
    { 
    $("#check_name").html("Good Name").hide(); 
    } 
else { 
    $("#check_name").html("That's not a name."); 
    } 

Il insère les valeurs s'il est faux.Il ne valide pas les données lorsque nous soumettons un formulaire.besoin d'aide bientôt.

Answer 1

Essayez avec motif regex /pattern/g

$(this).val().match(/^[a-zA-Z]{3,16}$/g) 

Au lieu de

$(this).val().match('^[a-zA-Z]{3,16}$') 

Il ne valide pas?

Parce que vous correspondent à la chaîne pas avec motif

$(document).ready(function(){ 
    $("#name").blur(function(){ 
    var name = $("#name").val(); 
     if ($(this).val().match(/^[a-zA-Z]{3,16}$/g)) 
    { 
    $("#check_name").html("Good Name").hide(); 
    } 
else { 
    $("#check_name").html("That's not a name."); 
    } 

Answer 2

Vous devez faire réellement valider sur le formulaire.

https://jqueryvalidation.org/

Après avoir ajouté la validation jquery et le configurer, vous pouvez utiliser

<form id="myForm"> 
<input type="submit" value="Send"/> 
</form> 

<script> 
    $("#myForm").submit(function(){ 
     $("#myForm").validate(); 
    }; 
</script> 

Answer 3

Cela fonctionne:

$(function(){ 
    $("#name").blur(function(e){ 
    var name = $(e.target).val();  
    if (name.match('^[a-zA-Z]{3,16}$')) { 
     $("#check_name").html("Good Name").hide(); 
    }else { 
     $("#check_name").html("That's not a name.").show(); 
    } 
    }) 
}); 

Si vous voulez aussi voir "Good Name" , retirez le .hide();)

Answer 4

Utilisez .test au lieu de .match pour vérifier l'occu clôture. Aussi, est-ce que votre regex est correcte, va-t-elle gérer tous les noms? Validez la regex quelque part sur un testeur de regex.

Https://stackoverflow.com/questions/8606117/javascript-regexp-using-val-match-method