2013-12-24 3 views
0

Я пытаюсь добавить проверки jquery к форме пружины exisitng.Весенняя форма с проверкой JQuery

Проблема заключается в весенней форме, если вы следующие

<form:input size="60" path="contact.emailAddressTxt"/>

HTML, генерируемый

<input id="contact.emailAddressTxt" type="text" size="60" value="" name="contact.emailAddressTxt"> 

Если вы наблюдаете значение имени и идентификатор получает genearated. В Jquery проверять плагин, когда я пытаюсь установить правила с помощью сгенерированных имен, он не загружается. В JQuery я не могу использовать contact.emailAddressTxt

Как я могу проверить такие поля ввода, используя плагин jquery validate?

+0

Что это за «контакт»? это значение modelattrribute? – Selva

+0

его POJO, у которого есть атрибут emailAddressTxt –

ответ

1

Характер побег \\, а не один. Следующий код работал

$("#contact\\.emailAdressTxt") 
0

Вы можете установить я, даже весной: тег ввода

+0

Нет, я попытался переопределить атрибуты имени и идентификатора, но все еще в сгенерированном HTML. Я наблюдаю, что сгенерированные значения используются, и мои правила проверки игнорируются. –

2

В JQuery точка является специальным символом, так что вам нужно, чтобы избежать его.

Try: $ ("# контакт \ .emailAdressTxt")

Иначе вы можете также использовать класс для каждого типа проверки. Таким образом, вам не нужно будет связывать каждый вход явно.

Я не уверен, что вы можете контролировать, как иды генерируются весной. В Jsf я использовал символы подчеркивания, и это было легко с jquery. Возможно, вы можете сделать что-то подобное.

+0

Спасибо @Martin, escape-символ не помог , Но я, наконец, добавил класс и получил его на работу. –

0

Попробуйте это:

<form:input id="contactEmail" name="contactEmail" type="email" label="E-mail" size="60" path="contactEmail"/> 
0

В Jquery плагин проверки, когда я пытаюсь установить правила, используя созданные имена, он не сработал.

Вы просто будете окружать name кавычками.

$("#myform").validate({ 
    rules: { 
     "contact.emailAddressTxt": { 
      required: true 
     } 
    } 
}); 

See documentation.

Смежные вопросы