Плагин проверки jQuery с пользовательским атрибутом

Я хочу использовать плагин проверки jQuery с этим HTML:

<input data-validators="required" name="X2aasNr" type="text" value="Nedas" class="cleared" id="">

Как видите, я использую пользовательский атрибут с именем data-validators, Как я могу использовать плагин проверки jQuery для этого случая?

1 ответ

Цитата ОП:

<input data-validators="required" ...

"Как видите, я использую пользовательский атрибут с именем data-validators , Как я могу использовать плагин jQuery Validation для этого случая?"

Ты не можешь Плагин не был написан для распознавания этого атрибута.

Смотрите: http://jsfiddle.net/y5xUF/

Тем не менее, вы можете определить правила проверки согласно следующим методам:


1) Заявлено в течение .validate()

$(document).ready(function() {

    $('#myform').validate({
        rules: {
            fieldName: {
                required: true
            }
        }
    });

});

http://jsfiddle.net/uTt2X/2/

ПРИМЕЧАНИЕ: если ваше поле name содержит специальные символы, такие как скобки или точки, вы должны заключить name в кавычках...

$(document).ready(function() {

    $('#myform').validate({
        rules: {
            "field.Name[234]": {
                required: true
            }
        }
    });

});

2) Объявлено class :

<input name="fieldName" class="required" />

http://jsfiddle.net/uTt2X/1/


3) Объявленные HTML5 проверочные атрибуты:

<input name="fieldName" required="required" />

http://jsfiddle.net/uTt2X/


4) Заявлено с использованием .rules() метод:

$('input[name="fieldName"]').rules('add', {
    required: true
});

http://jsfiddle.net/uTt2X/3/


5) Присвоив одно или несколько правил своим собственным class используя .addClassRules() метод:

$.validator.addClassRules("myClass", {
    required: true 
});

Затем примените к вашему HTML:

<input name="fieldName" class="myClass" />

http://jsfiddle.net/uTt2X/4/


Другие вопросы по тегам