web-dev-qa-db-fra.com

Valider le formulaire avant de soumettre jquery

J'ai un formulaire html. je valide mon formulaire en utilisant jquery.validate.js et cela fonctionne sur soumettre l'événement. Je souhaite valider ce formulaire avant de le renvoyer.

Selon ma R&D, j'ai essayé:

$('#my-form').on('before-submit',function(){
   alert('Before submit performed');
});

Je veux valider le formulaire Juste avant le tir soumettre l'événement. Quelqu'un peut-il me dire comment faire cela?

Merci beaucoup,

M

jqueryformsjquery-validateform-submit
7
Maverick

Vous pouvez imiter le comportement du plugin jQuery par défaut comme suit:

Testez si le form est valide; sinon empêcher l'action par défaut de se produire en utilisant preventDefault():

$(document)
.on('click', 'form button[type=submit]', function(e) {
    var isValid = $(e.target).parents('form').isValid();
    if(!isValid) {
      e.preventDefault(); //prevent the default action
    }
});

EDIT : cela est pratique si vous souhaitez affiner votre test de validation, c'est-à-dire valider certains contrôles conditionnellement.

19
roland