La Validation D'Un Formulaire À L'Aide De Jquery

J'utilise jQuery pour valider mon formulaire. Je voudrais voir si le nom d'utilisateur est un simple mot. Je vois sélecteur Jquery http://jqueryvalidation.org/category/selectors/ mais ne savent pas comment l'utiliser dans mon cas.

<form id="register" name="register" action="/codejudge/contest.php" method="post" >
<label for ="Username"> Username </label><br>
<input type="text" class="register-control" id="Username" name="Username"  placeholder="Enter Username"> <br><br>
<label for ="Password"> Password </label><br>
<input type="password" class="register-control" id="password" name="password" placeholder="Enter Password" ><br><br>
<label for ="Confirm-Password"> Confirm Password </label><br>
<input type="password" class="register-control" id="Confirm_Password" name="Confirm_Password" placeholder="Confirm Password" ><br><br>
<label for="email" > Email </label><br>
<input type ="email" class="register-control" id="email" name="email" placeholder="Enter Valid Email"><br><br>
<button type="submit" >Submit</button>
</form>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8/jquery.validate.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#register").validate({
errorElement: 'div',
rules:{
"Username":{
required: true,     
minlength:5
},
"password":{
required:true,
minlength:5
},
"Confirm_Password":{
required:true,
equalTo: "#password"
},
"email":{
required:true,  
}
},
messages: {
Username:{
required: "Please provide a username",
minlength: "Your password must be at least 5 characters long"
},
password: {
required: "Please provide a password",
minlength: "Your password must be at least 5 characters long"
},
Confirm_Password: {
required: "Please provide a confirm password",
equalTo: "Please enter the same password as above"
}
},
email:{
required: "Please provide a valid email",
} 
});  
});
</script>
InformationsquelleAutor chandan111 | 2014-01-21
  1. 5
    1. Ajouter un validateur(fonction) de ce genre :
    jQuery.validator.addMethod('word_check', function (value, element) { 
var word = "ausername";
var space_check = word.split(" ")[1];
//if space check is undefined you have a single word!
});

    maintenant dans votre code de Règles :

    rules:{
"Username":{
required: true,     
minlength:5,
word_check : true
},
    • var mot = "ausername"; ne doit pas être "nom d'utilisateur" ?
    • c'est juste une chaîne personnalisée que j'ai utilisé. Logiquement parlant, Oui. Nom d'utilisateur apparaîtra dans cette variable. Goodluck
    • j'ai écrit " jQuery.programme de validation.addMethod('word_check', function (valeur, element) { var mot = "nom d'utilisateur"; var space_check = mot.split(" ")[1]; return (typeof space_check == 'undefined') //si la vérification de l'espace n'est pas défini, vous avez un seul mot! },"caractère spécial/espaces non autorisé"); " la forme pas submiited quand je rentre de l'espace dans le nom d'utilisateur, mais il ne montre pas d'erreur
    • vous devrez retourner le space_check variable dans Word_check méthode.
    • travaillé maintenant, merci 🙂
    • c'est Génial. Bienvenue.

    InformationsquelleAutor Makrand
  2. 4

    Ajouter une regex match sur le terrain pour s'assurer qu'il est uniquement des lettres, des chiffres, - ou _ ci-Dessous est de savoir comment ajouter un rege correspondre à un champ. 

    $("#Textbox").rules("add", { regex: "^([a-zA-Z0-9-_])*$" })
    InformationsquelleAutor Will
  3. 2

    Vous pouvez créer une règle personnalisée qui permet de un rideau quantité de mots. Par Exemple

    $("#register").validate({
jQuery.validator.addMethod("amountOfWords", function(value, element, options) {
return this.optional(element) || /*regular expression logic*/;
}, "Too many words entered");
rules:{
"Username":{
required: true,     
minlength:5,
amountOfWords: 1
}
}
}
    InformationsquelleAutor argonaut36