Проверка Jquery, если флажок установлен, текстовое поле получает class = «требуется проверка ввода формы»

0

Я использую Jquery Validation для проверки моей формы.

У меня есть следующая HTML-форма:

<form id="caller">
    <label>Phone:</label>
<input type="text" name="phone" id="phonen" class="form-input" value="" />

    <div class="option-group check">
    <input type="checkbox" name="check1" id="check1"  value="1"  />
<label for="check1"><p>Need a call</p></label>          
</div></form>

Javascript-код:

<script type="text/javascript">
 $(document).ready(function(e) {
     $('#caller').validate({
        errorPlacement: function(error, element){}
    });
    });
 </script>

Если флажок установлен, текст должен получить class= "form-input validate required".

Как я могу это сделать?

  • 0
    Попробуйте сначала прочитать документы, прежде чем спрашивать: jqueryvalidation.org/documentation
Теги:
validation
forms

2 ответа

4

Вы можете использовать

$('#caller').validate({
    rules:{
        phone:{
            required: {
                depends: function(){
                    return $('#check1').is(':checked')
                }
            }
        }
    }
});

Демо: скрипка

  • 0
    Это должно быть наоборот. Если вы отметите флажок, то поле ввода должно быть обязательным
  • 0
    @ user3061007 смотрите обновление
0

Добавьте ключевое слово "требуется" в ваш элемент:

<input type="text" name="validate-me" required />
  • 0
    Я должен сделать это с class = "form-input validate required", потому что это собственный стиль. И текстовое поле должно получить этот класс, только когда флажок установлен ...

Ещё вопросы

Сообщество Overcoder
Наверх
Меню