Обязательное поле в аккордеоне JQuery - PullRequest
Новая
       20

Обязательное поле в аккордеоне JQuery

6 голосов
/ 16 марта 2012

Базовая форма с использованием JQuery Accordion и попытка проверки обязательных полей.Я что-то упустил?Спасибо!

JavaScript: 

<script type="text/javascript" language="javascript">
    $(document).ready(function () {
        $("#accordion").accordion();
        $("#Form1").validate({
            rules: {
                AccordionField: { required: true }
            }
        });
    });    
</script>

html: 

<form id="Form1" action="foo.htm">
    <div id="accordion">
    <h3><a href="#">Section 1</a></h3>
    <div><p>content</p></div>
    <h3><a href="#">Section 2</a></h3>
    <div><p><input id="AccordionField" class="required" /></p></div>
    </div>
    <p><button type="submit">Submit</button></p>
</form>

Проблема: Если второй раздел свернут во время отправки, проверка не проверяет обязательное поле.

1 Ответ

9 голосов
/ 16 марта 2012

jQuery validate (1.9) по умолчанию игнорирует скрытые поля.Вы можете изменить это поведение, используя параметр ignore: 

$(document).ready(function() {
    $("#accordion").accordion();
    $("#Form1").validate({
        rules: {
            AccordionField: {
                required: true
            }
        },
        ignore: []
    });
});​

Пример: http://jsfiddle.net/andrewwhitaker/VWWkP/

...