Message d'accueil,jquery Plugins/Validation à l'aide de submitHandler
J'utilise jquery Plugins/Validation library. Je veux autoriser la validation en soumettant mais je ne suis pas sûr où je devrais insérer le code: Je sais que je peux user submitHandler pour cela mais après avoir lu le document j'ai eu du mal à l'implémenter ainsi j'ai besoin de votre aide les gars.
La validation de jquery fonctionne bien mais le problème que le formulaire a encore soumis même là sont des entrées invalides.
Voici ma fonction de validation et je veux savoir comment faire pour ne pas soumettre le formulaire s'il y a une entrée invalide. En passant, j'utilise le bouton asp.net pour soumettre le formulaire.
voici mon code:
$(document).ready(function() {
$("#aspnetForm").validate({
rules: {
"<%=txtHomePhone.UniqueID %>": {
phonehome: true
},
"<%=txtMobileHome.UniqueID %>": {
mobilephone: true
},
"<%=txtFaxHome.UniqueID %>": {
faxhome: true
},
"<%=txtEmailHome.UniqueID %>": {
email: true
},
"<%=txtZipCodeHome.UniqueID %>": {
ziphome: true
},
//work
"<%=txtPhonework.UniqueID %>": {
phonework: true
},
"<%=txtMobileWork.UniqueID %>": {
mobilework: true
},
"<%=txtFaxWork.UniqueID %>": {
faxwork: true
},
"<%=txtEmailWork.UniqueID %>": {
email: true
},
"<%=txtWebSite.UniqueID %>": {
url: true
},
"<%=txtZipWork.UniqueID %>": {
zipwork: true
}
},
errorElement: "mydiv",
wrapper: "mydiv", // a wrapper around the error message
errorPlacement: function(error, element) {
offset = element.offset();
error.insertBefore(element)
error.addClass('message'); // add a class to the wrapper
error.css('position', 'absolute');
error.css('left', offset.left + element.outerWidth());
error.css('top', offset.top - (element.height()/2));
}
});