jQuery Validate Plugin - Wie erstelle ich eine einfache benutzerdefinierte Regel?

Wie erstellen Sie eine einfache benutzerdefinierte Regel mithilfe des jQuery Validate plugin (mit addMethod), der nicht mit einer regex?

Zum Beispiel, was funktionieren würde, eine Regel erstellen, die überprüft, nur wenn mindestens eine von einer Gruppe von Checkboxen wird geprüft?

InformationsquelleAutor der Frage Edward | 2008-10-27

  1. 337

    Können Sie eine einfache Regel von etwas wie dies:

    jQuery.validator.addMethod("greaterThanZero", function(value, element) {
    return this.optional(element) || (parseFloat(value) > 0);
}, "* Amount must be greater than zero");

    Und dann die Anwendung diese etwa so:

    $('validatorElement').validate({
    rules : {
        amount : { greaterThanZero : true }
    }
});

    Ändern Sie einfach den Inhalt des "addMethod' zum bestätigen Ihrer Checkboxen.

    InformationsquelleAutor der Antwort Mark Spangler

  2. 87
    $(document).ready(function(){
    var response;
    $.validator.addMethod(
        "uniqueUserName", 
        function(value, element) {
            $.ajax({
                type: "POST",
                url: "http://"+location.host+"/checkUser.php",
                data: "checkUsername="+value,
                dataType:"html",
                success: function(msg)
                {
                    //If username exists, set response to true
                    response = ( msg == 'true' ) ? true : false;
                }
             });
            return response;
        },
        "Username is Already Taken"
    );

    $("#regFormPart1").validate({
        username: {
            required: true,
            minlength: 8,
            uniqueUserName: true
        },
        messages: {
            username: {
                required: "Username is required",
                minlength: "Username must be at least 8 characters",
                uniqueUserName: "This Username is taken already"
            }
        }
    });
});

    InformationsquelleAutor der Antwort Tracy

  3. 66
    //add a method. calls one built-in method, too.
jQuery.validator.addMethod("optdate", function(value, element) {
        return jQuery.validator.methods['date'].call(
            this,value,element
        )||value==("0000/00/00");
    }, "Please enter a valid date."
);

//connect it to a css class
jQuery.validator.addClassRules({
    optdate : { optdate : true }    
});

    InformationsquelleAutor der Antwort commonpike

  4. 22

    Dank, es hat geklappt!

    Hier der endgültige code:

    $.validator.addMethod("greaterThanZero", function(value, element) {
    var the_list_array = $("#some_form .super_item:checked");
    return the_list_array.length > 0;
}, "* Please check at least one check box");

    InformationsquelleAutor der Antwort

  5. 10

    Können Sie fügen Sie eine benutzerdefinierte Regel: 

    $.validator.addMethod(
"booleanRequired",
function (value, element, requiredValue) {
    return value === requiredValue;
},
"Please check your input."
);

    Und verwenden Sie es wie diese: 

    PhoneToggle: {
    booleanRequired: 'on'
}

    Hoffe, das hilft

    InformationsquelleAutor der Antwort Bogdan Mates

  6. 1

    Für diesen Fall: Anmeldung als Benutzer, Benutzer müssen einen Benutzernamen wählen, der nicht genommen.

    Dies bedeutet, dass wir zum erstellen einer benutzerdefinierten Gültigkeitsregel, die send-async-http-Anforderung, die mit remote-server.

    1. erstellen ein input-element in Ihrem html:


    <input name="user_name" type="text" >

    1. erklären Sie Ihr Formular-Validierungs-Regeln: 
      $("form").validate({
    rules: {
      'user_name': {
        // here jquery validate will start a GET request, to 
        // /interface/users/is_username_valid?user_name=<input_value>
        // the response should be "raw text", with content "true" or "false" only
        remote: '/interface/users/is_username_valid'
      },
    },
    1. die remote-code sollte wie:


    class Interface::UsersController < ActionController::Base
    def is_username_valid
    render :text => !User.exists?(:user_name => params[:user_name])
    end
    end

    funktioniert es perfekt.

    InformationsquelleAutor der Antwort Siwei Shen申思维

Schreibe einen Kommentar