Plugin Jquery validation | resetForm ne fonctionne pas

Je suis en train d'effacer tous les messages d'erreur erreur en surbrillance lorsque l'utilisateur cliquera sur le clear form bouton ci-dessous sont des exigences réelles

Valider le formulaire à l'aide de Jquery validation
Lorsque l'utilisateur clic sur un champ de message d'erreur doit être désactivée (par domaine)
En cliquant sur un bouton de réinitialisation, chaque erreur doit être effacé

voici mon code

$( document ).ready(function(){
   var validator = $("#register_form").validate({
   validator.resetForm();
   focusCleanup: true,
 rules: {
  //custom rules
},
messages: {
//custom messages
    }
  });

Pour moi, les 2 premières choses fonctionnent, mais quand j'essaie d'effacer le formulaire, le remplir, je ne suis pas capable de faire cela.c'est de cette façon que je suis en train de le vider

function clearInputForm(){
  alert("");
  var validator1 = $( "#register_form" ).validate();
  validator1.resetForm();
   $("#register_form")[0].reset();
}

Mais rien ne se passe , mais avec $("#register_form")[0].reset();, les champs de formulaire sont se dégager, mais les messages d'erreur ne sont pas d'être effacées.

voir jsfiddle.net/arunpjohny/eV2Nd/2
Merci, mais dans mon cas click événement ne se déclenche, problème semble être avec validator.resetForm(); à l'intérieur de $("#register_form").validate qui est nécessaire pour effacer par les champs des messages d'erreur
Donc, tout ce qui s'est passé avec le présent? Les réponses ci-dessous ne sont pas assez bonnes pour une raison quelconque?

OriginalL'auteur Umesh Awasthi | 2014-02-25

10

Devis OP:

1) Valider le formulaire à l'aide de Jquery validation

Vous ne pouvez pas mettre le validator.resetForm(); méthode à l'intérieur de la .validate() méthode.

.validate() est un plugin méthode où la seule chose qui puisse aller à l'intérieur est, séparés par des virgules carte de la permis options, {option:value, option:value, etc.}, comme par le .valider() documentation de la méthode.

resetForm() documentation de la méthode
```
$("#register_form").validate({
    rules: {
        firstname: {
            required: true
        },
        lastname: {
            required: true
        },
        cell: {
            required: true
        }
    },
    messages: {
        //custom messages
    }
});
```
.validate() méthode de DÉMONSTRATION: http://jsfiddle.net/P46gL/

Devis OP:

2) Lorsque l'utilisateur clic sur un champ de message d'erreur doit être désactivée (par domaine)

C'est grâce à la focusCleanup option. Comme vous l'avez déjà fait, à true et lorsque vous cliquez sur le champ avec une erreur, l'erreur disparaisse.
```
$("#register_form").validate({
    focusCleanup: true,
    rules: {
       ....
```
focusCleanup DÉMO: http://jsfiddle.net/P46gL/1/

Devis OP:

3) en cliquant Sur le bouton reset, chaque erreur doit être effacé

Que vous appelez le resetForm() méthode de dans un click gestionnaire de la touche de réinitialisation. Ce sera immédiatement supprimer tous les messages d'erreur de l'ensemble de la forme et de réinitialiser la validation plugin à son état initial.
```
$('#clearform').on('click', function () {
    $("#register_form").validate().resetForm();  //clear out the validation errors
});
```
Assurez-vous que le bouton de réinitialisation est type="button" ou type="reset" ou il va déclencher la validation.
```
<input type="reset" id="clearform" value="reset form" />
```
Effacer les Erreurs de DÉMONSTRATION: http://jsfiddle.net/P46gL/3/

L'effacement des données du champ

Vous pouvez effacer les valeurs des champs en appelant un script JavaScript .reset() comme ça.
```
$('#clearform').on('click', function () {
    var form = $("#register_form");
    form.validate().resetForm();      //clear out the validation errors
    form[0].reset();                  //clear out the form data
});
```
Travail plein de DÉMO: http://jsfiddle.net/P46gL/4/

la vie de veille, pour effacer le message d'erreur!

OriginalL'auteur Sparky

$("#register_form")[0].reset();, les champs de formulaire sont se dégager, mais les messages d'erreur ne sont pas d'être effacées.

pour ce faire, vous pouvez mettre une ligne en dessous:

function clearInputForm(){
   alert("");
   var validator1 = $( "#register_form" ).validate();
   validator1.resetForm();
   $("#register_form")[0].reset();
   $('.error').hide();
}

Bien que vous devriez le faire de cette façon:

$( document ).ready(function(){
   var validator = $("#register_form").validate({
       focusCleanup: true,
       rules: {
         //custom rules
       },
       messages: {
         //custom messages
       }
    });
    $('[type="reset"]').on('click', function(){
       validator.resetForm();
    });
});

Vous devriez mettre votre validator.resetForm(); dans l'événement click du bouton de réinitialisation.

avec cela, le message d'erreur ne sont pas d'être effacé à tout
post balisage ou mieux de créer un jsfiddle.

OriginalL'auteur Jai

Si rien ne fonctionne alors essayez cette approche (spécialement pour l'effacement des données le but):

1 - Formulaire html:

<input type='reset' class="button_grey resetForm" value='Reset'>

2 - Jquery valider

//you can add error fields
var validator = $("#clearform").validate({
      focusCleanup: true
});

3 - Réinitialiser le formulaire

$('[type="reset"]').on('click', function(){ 
      $("#clearform").closest('form').find("input[type=text], textarea").val(""); 
      $('input:checkbox').removeAttr('checked'); 
      validator.resetForm(); 
      return false;
});

OriginalL'auteur saad

Tous les messages d'erreur seront effacées

$('.btn-reset').on('click', function () {
    $( "label.error" ).remove(); 
});

OriginalL'auteur AbdelhakAj

Vous devez vous connecter pour publier un commentaire.