Le formulaire de soumission de formulaire jQuery ne fonctionne pas

Question

J'essaye d'empêcher l'envoi d'un formulaire avec le script suivant, mais c'est toujours le cas. J'ai même essayé preventDefault() sur le chargement de document, mais cela ne fonctionne pas.

$("form").submit(function() { 
     if ($("input").eq(3).val() == $("input").eq(4).val()) { 
      $("span").text("Validated...").show(); 
     return true; 
     } 

     $("span").text("Passwords do not match!").show().fadeOut(1000); 
     return false; 
}); 

Answer 1

Pour cela fermer I pense que j'ai trouvé quelque chose, mais c'est au mieux absurde. Mes fonctions fonctionnent lorsqu'elles sont dans un $ (document) .ready. Pourquoi? Je serais heureux d'écouter vos conseils.

$(document).ready(function(){ 

$("form").submit(function() { 
     if ($("input").eq(3).val() == $("input").eq(4).val()) { 
      $("span").text("Validated...").show(); 
     return true; 
     } 

     $("span").text("Passwords do not match!").show().fadeOut(1000); 
     return false; 
}); 

}); 

Answer 2

$("form").submit(function(e) { 
     if ($("input").eq(3).val() == $("input").eq(4).val()) { 
      $("span").text("Validated...").show(); 
     } 
     else{ 
     $("span").text("Passwords do not match!").show().fadeOut(1000); 
     e.preventDefault(); 
     } 
}); 

Vous devez utiliser preventDefault() pour annuler l'action. Notez le paramètre e que j'ai ajouté à l'appel de fonction anonyme.

Answer 3

Ma suggestion, ou la façon dont je vais normalement à ce sujet est comme ceci:

$("form").submit(function(e) { 
    e.preventDefault(); // form never fires unless I want it to 

    if(condition == true) { 
     $(this).submit(); 
    } else { 
     //Don't submit 
    } 
} 

Here est une bonne explication des raisons pour lesquelles preventDefault()> return false