Prévenir une soumission de formulaire et en soumettre une autre - cette approche est-elle fiable?

Question

Est-il sécuritaire - dans un gestionnaire d'événement de soumission pour un formulaire - de soumettre un autre formulaire et de renvoyer false pour empêcher la soumission du premier formulaire? J'utilise cette approche, et cela fonctionne (au moins dans IE6). Cependant, je crains que cela ne fonctionne pas dans d'autres navigateurs. Pourrait l'appel à submit annuler le return false en quelque sorte?

L'approche alternative que je considérais est

$("#form1").submit(function() { 
    setTimeout('$("#form2").submit();', 10); 
    return false; 
}); 

.... mais cela pourrait bien être là où il n'accroître la complexité est réellement nécessaire.

La raison de ce besoin est que l'utilisateur soumet form1, mais dans un certain scénario (que je peux détecter en utilisant JavaScript) cela provoque un bug, qui peut être rectifié à la place en plaçant certaines données dans l'un des form2 champs, puis en soumettant ce formulaire à la place.

Answer 1

Votre code devrait fonctionner sur tous les navigateurs, mais si vous voulez être absolument certain que vous pourriez faire

$("#form1").submit(function(evt) { 
    evt.preventDefault(); // cancel the default behavior 
    $("#form2").submit(); 
    return false; 
}); 

En utilisant la méthode .preventDefault() assure que vous annulez le comportement par défaut avant faire quelque chose qui pourrait interférer avec

Answer 2

Votre approche originale devrait fonctionner partout.