Comment annuler la soumission du formulaire dans l'événement onclick du bouton de soumission ?

Question

Je travaille sur une application web ASP.net.

J'ai un formulaire avec un bouton d'envoi. Le code pour le bouton d'envoi ressemble à .

Je veux écrire quelque chose comme ce qui suit:

function btnClick() {
    if (!validData())
        cancelFormSubmission();
}

Comment puis-je faire cela?

Answer 1

Vous feriez mieux de faire...

Si isValidForm() retourne false, alors votre formulaire ne se soumet pas.

Vous devriez probablement aussi déplacer votre gestionnaire d'événements à l'extérieur en ligne.

document.getElementById('my-form').onsubmit = function() {
    return isValidForm();
};

Answer 2

Changez votre entrée en ceci:

Et renvoyez false dans votre fonction

function btnClick() {
    if (!validData())
        return false;
}

Answer 3

Vous devez changer

onclick='btnClick();'

à

onclick='return btnClick();'

et

cancelFormSubmission();

à

return false;

Cela dit, je recommande d'éviter les attributs événementiels intrinsèques au profit du JavaScript non intrusif avec une bibliothèque (comme YUI ou jQuery) qui a une bonne API de gestion d'événements et de se connecter à l'événement qui importe vraiment (c'est-à-dire l'événement de soumission du formulaire au lieu de l'événement de clic du bouton).

Answer 4

Vous devriez changer le type de submit à button :

au lieu de

vous pouvez ensuite obtenir le nom de votre bouton en javascript et associer l'action que vous souhaitez lui donner

var btn = document.forms["frm_name"].elements["btn_name"];
btn.onclick = function(){...};

cela a fonctionné pour moi j'espère que cela vous aidera.

Answer 5

Pourquoi ne pas changer le bouton de soumission en un bouton régulier, et sur l'événement de clic, soumettre votre formulaire s'il passe vos tests de validation?

par exemple

function btnClick() { 
    if (validData()) 
        document.myform.submit();
}