Je suis nouveau à JQuery.
Travailler avec JQuery Validation Plugin & Cufon en même temps me donne un temps vraiment difficile.
Fondamentalement, je souhaite détecter l'événement une fois que la validation de JQuery a fait quoi Il fallait faire et appeler Cufon.refresh () droit après cela. Nous attendons
6 Réponses :
// specifying a submitHandler prevents the default submit
submitHandler: function() {
alert("submitted!");
},
// set this class to error-labels to indicate valid fields
success: function(label) {
// set as text for IE
label.html(" ").addClass("checked");
}
Mauvais Plugin de validation :) Il semble qu'il y a des tonnes et il n'a pas dit lequel. J'ai supposé que ceux qui avaient une option règles .
Vous devrez bien placer un extrait de formulaire de soumission, car il remplace le gestionnaire par défaut. Un peu plus de détails si vous le pouviez - je suis Newby.
@Ariel - voici PLG que j'utilise http://bassistance.de/jquery-plugins/jquery-plugin-validatio n /
Utilisez l'option Succès CODE>: $('#commentForm').validate({
rules: {
password: {
required: true,
minlength: 8,
maxlength: 8,
number: true
},
}
success: function() { .... }
});
Je cherche un événement non valide! Merci pour l'idée cependant!
Grâce à @ariel - s'il y a un "succès", il doit y avoir un "non-succès" également, donc .. Code de travail: $ ('# commentaires'). Valider ({Règles: {Mot de passe: {Mot de passe: {Requis: True, Minlength: 8, Maxlength: 8, Numéro: True}}, DoucheRors: Fonction (errorp, erreur) {this.defaultShowerrorrors (); cufon.refresh (); // alerte ('non valide!') }, Succès: fonction () {// alerte ('valide!')}}); Merci encore pour l'idée!
Merci à @Areiel - s'il y a un "succès", il doit y avoir un "non-succès" également, donc ..
Code de travail: p>
$('#commentForm').validate({
rules: {
password: {
required: true,
minlength: 8,
maxlength: 8,
number: true
}
},
showErrors: function(errorMap, errorList) {
this.defaultShowErrors();
Cufon.refresh();
//alert('not valid!')
},
success: function() {
//alert('valid!')
}
});
Si vous ne voulez pas rafraîchir la police entière, j'ai trouvé que courir cufon.replace ('label.error', {FontFamily: "myawesomefont"}) a couru plus vite. Si vous savez ce qui apparaît, vous pouvez simplement cibler ce sélecteur pour ne pas rafraîchir la page entière.
Mettez-le à l'intérieur de l'option ERRORYPLACEMENT.
<script src="js/validate/jquery-1.11.1.min.js"></script>
<script src="js/validate/jquery.validate.min.js"></script>
<script src="js/validate/additional-methods.min.js"></script>
<script>
jQuery.validator.setDefaults({
success: "valid"
});
var form = $("#myform");
form.validate({
rules: {
name: {required: true, minlength: 2},
lastname: {required: true, minlength: 2}
}
});
$("#button").click(function() {
if(form.valid() == true ) { // here you check if validation returned true or false
$("body").addClass("loading");
}
})
</script>
Vous devriez ajouter du contexte à votre code. Dites à l'Op pourquoi cela résout son problème.
$(document).ready(function() {
$('#commentForm').submit(function(){
var validationResponse = $('#commentForm').valid();
if(validationResponse) {
// when true, your logic
} else {
// when false, your logic
return false;
}
});
$("#commentForm" ).validate({
rules: {
"first_name": {
required: true
}
},
messages: {
"first_name": {
required: "First Name can not be empty"
}
}
});
});