Проверка JQuery, сделать поля обязательными для заполнения?

Question

Используя плагин jQuery, найденный здесь:

http://docs.jquery.com/Plugins/Validation

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

Есть ли способ динамически устанавливать требования к элементам?

Answer 1

Я думаю, что самый простой подход - прикрепить «требуемый» класс с помощью jquery к этим элементам при нажатии.

http://api.jquery.com/addClass/

Answer 2

Просто чтобы расширить ответ выше K2so:

Если вы поместите что-то подобное в готовый документ:

$("#reasonCode").change(reasonCodeChange);

где элемент с id reasonCode эквивалентен вашим флажкам. При изменении вызывает функцию reasonCodeChange ...

function reasonCodeChange(){

var strValue = $("#reasonCode option:selected").text()


strValue = strValue.substring(0,2);
    if(strValue== "7." || strValue== "9." || strValue== "10" ||strValue== "11" || strValue== "12"){
        $('#reasonCodeExpRow').addClass('showMe');
        $('#reasonCodeExp').addClass('required');
        $('#reasonCodeExpRow').removeClass('hideMe');
    }else{
        $('#reasonCodeExpRow').addClass('hideMe');
        $('#reasonCodeExp').removeClass('required');
        $('#reasonCodeExpRow').removeClass('showMe');

    };
}

И этого должно быть достаточно, чтобы вы пошли. Классы hideMe и showMe говорят сами за себя:)