Как пометить обязательные поля в jQuery Validate

Question

Я использую jQuery Validate и xVal для проверки в формах ввода. Это прекрасно работает. Однако я хочу пометить мои обязательные поля звездочкой (*) или что-то в этом роде, чтобы показать, какое поле действительно требуется.

Я мог бы сделать это вручную, но поскольку я уже сгенерировал свои правила проверки с помощью xVal, я подумал, что смогу пометить обязательные поля автоматически на основе предоставленных правил.

Есть ли способ подключиться к xVal или jQuery Validate, чтобы получить правила или как-то заставить их пометить мои обязательные поля?

Я использую последние версии jQuery и jQuery Validate.

Спасибо

Answer 1

Дайте класс required элементам формы и используйте следующий код

$(document).ready(function() {
     $('<span style="color:red;">*</span>').insertAfter('.required');
});

Это прикрепит "*" к каждому элементу с required class

Надеюсьпомогает

Answer 2

Это возможно

1. Получить все входные данные в форме
2. Выполнить итерацию и найти, есть ли у ввода правило обязательно
3. Если данайдите метку этого ввода
4. Append * в конце текста метки

Ваш код будет выглядеть примерно так

    $.each($("#you-form input"), function( index, element ) {
      var rule =  $(element).rules() ; // this will get the rules for each input
      if(rule && rule.required) {
        //find label and append red *
      }
    });

Answer 3

Вероятно, проще всего создать отдельную переменную "rules", которую вы передаете и в jQuery, и в какую-то другую функцию. Эта другая функция будет проходить через нее и пометить все обязательные поля как таковые.