Wie kann ich erkennen, wenn jQuery Validierung, und rufen etwas, was sich auf dieses Ereignis?

Ich bin neu bei jQuery.

Arbeiten mit jQuery validation plugin & cufon zur gleichen Zeit ist er mir wirklich schwer.

Grundsätzlich möchte ich zu erkennen, Ereignis einmal in der jQuery Validierung getan hat, was er zu tun hatte und call Cufon.refresh() direkt nach es.

$('#commentForm').validate({
    rules: {
        password: {
            required: true,
            minlength: 8,
            maxlength: 8,
            number: true
        },
    }
});

Erwarten wir <label class="error"> SOME TEXT </label> wenn die form ist nicht gültig.

Und einmal erstellt, ich möchte Cufon.refresh() auf das Etikett erstellt durch jQuery Validierung.
Wie kann ich erkennen, wenn jQuery Validierung, und rufen etwas, was sich auf dieses Ereignis?

Jede Hilfe sehr geschätzt.
Grüße,
Piotr

InformationsquelleAutor Iladarsda | 2011-06-21
  1. 10

    Dank @Ariel - wenn es ein 'Erfolg' da hat ein 'nicht-Erfolg', so..

    Arbeiten code:

    $('#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!')
    }
});

    Nochmals vielen Dank für die Idee!

    • Wenn Sie nicht möchten, aktualisieren Sie die gesamte schriftart", ich fand, dass das laufen Cufon.replace('label.error', {fontFamily:"myAwesomeFont"}) lief schneller. Wenn Sie wissen, was stattfindet, können Sie nur Ziel-Selektor, um nicht die ganze Seite aktualisieren.
    InformationsquelleAutor Iladarsda
  2. 3

    Verwenden Sie die success option:

    $('#commentForm').validate({
    rules: {
        password: {
            required: true,
            minlength: 8,
            maxlength: 8,
            number: true
        },
    }
    success: function() { .... }
});

    Beachten Sie, dass Sie ein zusätzliches Komma nach dem schließen Klammer für die Passwort-Objekt. Dies gibt einen Fehler im IE.

    • Ich bin auf der Suche nach nicht-gültige-Ereignis! Danke für die Idee!
    • Dank @Ariel - wenn es ein 'Erfolg' da hat ein 'nicht-Erfolg', so.. Arbeiten code: $('#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!') } }); nochmals vielen Dank für die Idee!
    InformationsquelleAutor Ariel
  3. 2
     <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>
    • Sollten Sie einige Kontext zu deinem code. Sagen Sie den OP, warum dies löst sein/Ihr problem.
    InformationsquelleAutor k3malb3y
  4. 1
    submitHandler: { function(){ bla bla }}

    Dadurch können Sie code ausführen, der nach Abschluss der Validierung. Sie müssen ein Formular Einreichen snippet, aber, da es ersetzt die Standard-handler.

    EDIT: 

        //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"); 
    }

    Können Sie entweder tun, was Sie wollen. submitHandler ermöglicht es Ihnen, zu stoppen das senden und ausführen von code statt ( Sie können möglicherweise verwenden, um code, BEVOR Sie es abschicken ) oder Erfolg, um code auszuführen, nachdem der submit.

    • Falsch validate plugin 🙂 Scheint es gibt Unmengen und er wollte nicht sagen, welche. Ich nahm an, diejenigen, die hatte eine rules option.
    • Sie müssen ein Formular Einreichen snippet, aber, da es ersetzt die Standard-handler. Ein bisschen mehr details, wenn Sie könnten - ich bin newby.
    • hier ist die plg bin ich mit http://bassistance.de/jquery-plugins/jquery-plugin-validation/
    InformationsquelleAutor José Valente
  5. 0

    Legte es in die errorPlacement option. 

    errorPlacement: function(error, element) {
  error.appendTo( element.parent() );
  yourCodeHere();
}
    InformationsquelleAutor Shea Scott
  6. 0
    $(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"
            }
        }
    });
});
    InformationsquelleAutor RaviRokkam
Schreibe einen Kommentar