Benutzerdefinierte Platzierung von Fehlermarken mit jQuery validate (Für alle oder einige Ihrer Fehler)

Ich würde gerne einen Fehler label (Nicht Alle) in einem benutzerdefinierten Speicherort. jQuery bietet diese http://docs.jquery.com/Plugins/Validation/validate#toptions option, aber ich konnte nichts finden, wie eine bestimmte Fehlermeldung und ändern Sie nicht die Standard-Speicherort der ganze rest?

Sicher sein, überprüfen Sie die Antworten unten. Es gibt mehrere Lösungen. Vielen Dank an alle!

InformationsquelleAutor der Frage chainwork | 2012-11-02

  1. 66

    Also, wenn Sie wollen, dass alle Ihre jQuery Validierung Fehlermeldungen erscheinen in einem Ort, den Sie verwenden würden,
    http://docs.jquery.com/Plugins/Validation/validate#toptions (Finden errorPlacement) - option auf dieser Seite.

    Bemerkte ich einige Antworten auf die hier Antwort auf die eine, aber nicht beide Optionen.

    1)
    That being said, wenn Sie wollen custom-Platzierung für alle Ihre Fehler, die Sie dies tun können:

    $("#myform").validate({
  errorPlacement: function(error, element) {
     error.appendTo('#errordiv');
   }
});

    2)
    Wenn Sie angeben möchten, konkrete Standorte für ein oder mehrere Fehler-Etiketten, die Sie dies tun können.

    errorPlacement: function(error, element) {
    if (element.attr("name") == "email" )
        error.insertAfter(".some-class");
    else if  (element.attr("name") == "phone" )
        error.insertAfter(".some-other-class");
    else
        error.insertAfter(element);
}

    InformationsquelleAutor der Antwort chainwork

  2. 31

    Eigentlich ist es nicht notwendig, um die Verwendung der javascript-code für dieses, und ich entdeckte eine einfache Lösung. Sie können erzwingen, dass die JQuery-Validierung der Ort der überprüfung ein Fehler in einem DOM-element.

    Beispielsweise JQuery erzeugt eine Fehlermeldung wie diese:

     <label for="firstname" generated="true" class="error">This field required.</label>

    Kann man dieses label dom-element in Ihrem nächsten td-block oder li-element oder was auch immer Sie wollen, als eine leere, wie dieses.

    <label for="firstname" generated="true" class="error"></label>

    JQuery finden das leere Feld ein und legen Sie die Fehlermeldung für Sie.

    Nur nicht erinnern die für Feld im label-element!

    InformationsquelleAutor der Antwort Abdurrahman I.

  3. 15

    Dies ist eine generische Lösung, die nicht spezifisch für die OP ' s HTML-Struktur.

    Wenn Sie nur einen bestimmten Fehler label in einen anderen Speicherort, während der rest weiterhin in der Standard-Platzierung, versuchen, diese...

    $("#myform").validate({
  errorPlacement: function(error, element) {
     if (element.attr("name") == "myFieldName") {

       //do whatever you need to place label where you want

         //an example
         error.insertBefore( $("#someOtherPlace") );

         //just another example
         $("#yetAnotherPlace").html( error );  

     } else {

         //the default error placement for the rest
         error.insertAfter(element);

     }
   }
});

    Online-Dokumentation für errorPlacement: - option

    InformationsquelleAutor der Antwort Sparky

  4. 0

    Fand ich, dass, wenn Sie mehr als zwei Bezeichnungen für benutzerdefinierte Fehler werden in verschiedenen Orten, es kann einen verrückt-position Fehler, wenn Sie nicht machen eine einfache hin-und auf jeden, wenn für errorPlacement, in diesem Beispiel habe ich zwei Checkboxen, Fehler label, eine checkbox, ein label

    HTML-Code

    <p><label for="owner"><input  type="checkbox" name="option[]" id="owner" value="1"  validate="required:true, minlength:2" /> I am Owner of my Company</label></p>
<p><label for="agency"><input  type="checkbox" name="option[]" id="agency" value="1" /> I am an Agency</label>
<div id="errordiv"></div></p>
<hr>
<p><label for="agree"><input type="checkbox" name="agree" id="agree" value="1" required /> I Agree and I read the Privacy Polities and Use of Terms</label>
<div id="error_agree"></div>

    Skript 

    <script>
        $("#register_form").validate({ 
                        errorPlacement: function(error, element) {
                            if(element.attr("name") == "option[]"){
                                error.appendTo('#errordiv');
                                return;
                            }

                            if(element.attr("name") == "agree"){
                                    error.appendTo('#error_agree');
                                    return;
                            }else {
                                error.insertAfter(element);
                            }
                       }
                    });

        </script>

    InformationsquelleAutor der Antwort XMaster

Schreibe einen Kommentar