Плагин проверки формы jQuery, размещение div контейнера ошибок - PullRequest
Новая
       10

Плагин проверки формы jQuery, размещение div контейнера ошибок

0 голосов
/ 19 февраля 2011

Испытывая плагин проверки формы jQuery от bassistance.de, я столкнулся с чем-то интересным.

Если я предоставлю опцию errorPlacement для добавления ошибок в <div id="errContainer"></div> и размещения этого div за пределами <form> сообщения об ошибках дублируются каждый раз, когда происходит проверка.Принимая во внимание, что, если errContainer div помещен внутри <form>, все работает отлично.

Пример HTML: 

<form id="frmQuote" action="#" method="get">
   <input type="text" name="txtQuote"/>
   <button type="submit" id="btn">Send</button>
</form>
<div id="errContainer"></div>

плагинопция: 

errorPlacement: function(error, element){
        error.appendTo($("#errContainer")); 
    }
//... further options

В этом случае ошибки дублируются по мере проверки элемента.Если я отправлю форму, вся куча ошибок снова отобразится ниже предыдущих ошибок.

Является ли расположение div зависимостью?Или я что-то не так делаю?

Спасибо за помощь:)

1 Ответ

0 голосов
/ 19 марта 2013

Вместо использования errorPlacement в этом случае вы должны использовать errorLabelContainer, который будет делать именно то, что вам нужно, а также правильно обрабатывать ошибки (т.е. не дублировать их): 

$('#my-form').validate({
   //other options, rules, etc
   errorLabelContainer:'#errContainer'
});
...