En utilisant JQuery Validation Plugin
-
23-09-2019 - |
Question
Je me demandais si quelqu'un pouvait me aider en utilisant le plugin de validation JQuery. Je dois ajouter la possibilité de faire en sorte qu'un champ ne contient que des lettres, des chiffres, soulignement, whitespacke et des tirets. J'ai actuellement le code js suivant (non compris l'appel à jquery et les fichiers du plugin)
$(document).ready(function() {
$("#info_frm").validate();
});
function submitForm() {
if( $("#info_frm").valid() ) {
document.info_frm.submit();
}
return false;
}
La solution
Il suffit d'utiliser une méthode de regex pour valider votre champ:
$.validator.addMethod(
"namecheck", function(value) {
return /^[-_\sa-zA-Z0-9]*$/.test(value);
}, "This name is not correct"
);
vous pouvez maintenant ajouter la règle:
$("[name='yourfieldname']").rules("add", { namecheck: true })
ou
<input type="text" class="required namecheck" name="yourfieldname" />
Autres conseils
vous pouvez ajouter une méthode selon les règles que ce que vous voulez. par exemple:
$.validator.addMethod(
"numeric",
function(value, element) {
var regex=/^[0-9]+$/; //this is for numeric... you can do any regular expression you like...
return this.optional(element) || regex.test(value);
},
"Only numeric please."
);
Essayez de regarder ici pour plus d'informations.
vérifier mon plug-in de validation, il permet de ce qui suit:
- Validation requise Champ
- Expression régulière Validation
- E-mail de validation
- Validation numérique
- Validation conditionnelle
Vous pouvez vérifier .
RAPPELEZ-VOUS validation côté client ne suffit pas. Vous devez également valider sur le serveur.