Jquery validation plugin | resetForm nicht funktioniert

Ich versuche, um alle zu löschen, sowie Fehlermeldungen Fehler markieren, wenn Benutzer klicken Sie auf die clear form - Taste, unten sind die tatsächlichen Anforderungen

  1. Validieren, Formular mit Jquery Validierung
  2. Wenn der Benutzer auf ein Feld klicken, sollte die Fehlermeldung gelöscht werden (pro Feld)
  3. Nach anklicken der reset-Taste werden alle Fehler gelöscht werden sollen,

hier ist mein code

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

Für mich zuerst 2 Dinge funktionieren, aber wenn ich versuche zu löschen ein Formular ausfüllen, ich bin nicht in der Lage, dies zu tun.dies ist, wie ich versucht bin, um es zu deaktivieren

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

Aber nichts ist passiert , obwohl mit $("#register_form")[0].reset(); -, form-Felder sind immer klar, aber die Fehlermeldungen sind nicht immer geräumt.

  • siehe jsfiddle.net/arunpjohny/eV2Nd/2
  • Danke, aber in meinem Fall click Veranstaltung wird nicht immer ausgelöst, Problem scheint zu sein, mit validator.resetForm(); innen $("#register_form").validate die erforderlich ist, um klare pro-Felder-Fehlermeldungen
  • Also, was passiert mit diesem? Die Antworten unten sind nicht gut genug für einige Grund?
InformationsquelleAutor Umesh Awasthi | 2014-02-25
  1. 10

    Zitat OP:

    1) Validierung-Formular mit Jquery Validierung

    Sie können die validator.resetForm(); - Methode innerhalb der .validate() Methode.

    .validate() ist ein plugin-Methode, wo die einzige Sache, die gehen, inside ist eine Komma-separierte Karte der erlaubt Optionen {option:value, option:value, etc.} je die .validate() - Methode Dokumentation.

    resetForm() - Methode Dokumentation

    $("#register_form").validate({
    rules: {
        firstname: {
            required: true
        },
        lastname: {
            required: true
        },
        cell: {
            required: true
        }
    },
    messages: {
        //custom messages
    }
});

    .validate() Methode DEMO: http://jsfiddle.net/P46gL/

    Zitat OP:

    2) Wenn der Benutzer auf ein Feld klicken, sollte die Fehlermeldung gelöscht werden (pro Feld)

    Dies ist Dank der focusCleanup option. Da hast du schon getan, es true und wenn du auf das Feld mit einer Fehlermeldung, die den Fehler löscht.

    $("#register_form").validate({
    focusCleanup: true,
    rules: {
       ....

    focusCleanup DEMO: http://jsfiddle.net/P46gL/1/

    Zitat OP:

    3) nach anklicken der reset-Taste werden alle Fehler gelöscht werden sollen,

    Rufen Sie die resetForm() - Methode aus einem click - handler des reset-Buttons. Dies wird entfernen Sie sofort alle Fehlermeldungen aus dem gesamten Formular, und setzen Sie die validation-plugin, um Ihren ursprünglichen Zustand.

    $('#clearform').on('click', function () {
    $("#register_form").validate().resetForm();  //clear out the validation errors
});

    Stellen Sie sicher, dass der reset-Taste ist type="button" oder type="reset" oder es löst die Validierung. 

    <input type="reset" id="clearform" value="reset form" />

    Klare Fehler-DEMO: http://jsfiddle.net/P46gL/3/

    Clearing-out-Bereich-Daten

    Können Sie löschen Sie die Werte der Felder durch den Aufruf einer JavaScript - .reset() wie diese.

    $('#clearform').on('click', function () {
    var form = $("#register_form");
    form.validate().resetForm();      //clear out the validation errors
    form[0].reset();                  //clear out the form data
});

    Voll funktionsfähige DEMO: http://jsfiddle.net/P46gL/4/

    • life saver, für die klar aus der Fehlermeldung ein!
    InformationsquelleAutor Sparky
  2. 2

    $("#register_form")[0].reset(); - , form-Felder sind immer klar, aber die Fehlermeldungen sind nicht immer geräumt.

    dazu können Sie eine Zeile darunter:

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

    Obwohl Sie tun sollten, auf diese Weise:

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

    Dann sollten Sie Ihre validator.resetForm(); im click-Ereignis der Schaltfläche zurücksetzen.

    • mit dieser Fehlermeldung sind nicht immer alle gelöscht
    • nach einigen Aufschlag oder besser, erstellen Sie ein jsfiddle für Sie.
    InformationsquelleAutor Jai
  3. 1

    Wenn nichts funktioniert, dann versuchen Sie diesen Ansatz (speziell für clearing-Daten den Zweck):

    1 - Form html:

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

    2 - Jquery Validierung

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

    3 - setzen Sie die form

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

    Alle Fehlermeldungen werden gelöscht

    $('.btn-reset').on('click', function () {
    $( "label.error" ).remove(); 
});
    InformationsquelleAutor AbdelhakAj
Schreibe einen Kommentar