проверка формы jquery - класс ошибки для родительского контейнера - PullRequest
Новая
       9

проверка формы jquery - класс ошибки для родительского контейнера

0 голосов
/ 25 сентября 2011

Я использую проверку JQuery от Jörn - полный код которого вы можете просмотреть, загрузив его здесь .

У меня возникла небольшая проблема, так как яне совсем знаком с Javascript.

Вот пример моего HTML 

<div class="field">
    <label for="myInput">My Input</label>
    <input id="myInput" name="myInput" type="text" />

    <span class="helptext">
        This is some help text for My Input...
    </span>
</div>

По сути, вышеупомянутый HTML повторяется для каждого «раздела» формы..helptext скрыт через CSS, , если родительский div не имеет класса .error.

Например: <div class="field error">

Вот что я считаюбыть релевантным кодом для плагина проверки - Как сделать так, чтобы класс ошибок был добавлен к родителю div.field? 

defaults: {
    messages: {},
    groups: {},
    rules: {},
    errorClass: "error",
    validClass: "valid",
    errorElement: "span.helptext",
    focusInvalid: true,
    errorContainer: $( ["div.field"] ),
    errorLabelContainer: $( [] ),
    onsubmit: true,
    ignore: [],
    ignoreTitle: false,
    ...

1 Ответ

3 голосов
/ 08 ноября 2011

Вы можете использовать обработчики выделения / невысвечивания для добавления / удаления классов, например: 

highlight: function(element, errorClass, validClass) {

    $(element).parent('.field').addClass(errorClass).removeClass(validClass);

},

unhighlight: function(element, errorClass, validClass) {

    $(element).parent('.field').removeClass(errorClass).addClass(validClass);

}

Надеюсь, это поможет, д.

...