jQuery Validator Плагин и Радио кнопки Проблемы -- jquery поле с участием jquery-validate пол Связанный проблема

jQuery Validator plugin and radio buttons issues


0
vote

проблема

русский

У меня есть проблема с плагином Validator jQuery & AMP; Радио-кнопки. У меня есть набор из трех "lookingfor" Радиоугольники ... и я хочу убедиться, что хотя бы один из тех, которые проверяются. Хотя независимо от того, что я делаю, я все еще получаю сообщение «Это поле требуется». Любые идеи?

 <код> <html> <body> <form action="#" id="signupform" method="post">         <label for="lookingfor" class="error"></label>         <fieldset name="lookingfor">             <input type="radio" name="lookingfor" value="female"/>                 <label for="female"><div class="sprite female" ></div></label>             <input type="radio" name="lookingfor" value="male" />                 <label for="male"><div class="sprite male"></div></label>             <input type="radio" name="lookingfor" value="other" />                 <label for="other"><div class="sprite other"></div></label>          </fieldset>         <input type="submit" id="submit" value="" />     </form>     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>     <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.0/jquery.validate.js" type="text/javascript"></script> <script>     jQuery(document).ready(function() {         jQuery("#signupform").validate({             rules: {                 lookingfor:{ required: true }             }         });         });         </script>         </body> </html>   
Английский оригинал

I am having an issue with the jQuery Validator plugin & radio buttons. I have a set of three "lookingfor" radio buttons... and I want to make sure at least one of those are checked. Although regardless of what I do, I still get the message "This field is required." Any ideas?

<html> <body> <form action="#" id="signupform" method="post">         <label for="lookingfor" class="error"></label>         <fieldset name="lookingfor">             <input type="radio" name="lookingfor" value="female"/>                 <label for="female"><div class="sprite female" ></div></label>             <input type="radio" name="lookingfor" value="male" />                 <label for="male"><div class="sprite male"></div></label>             <input type="radio" name="lookingfor" value="other" />                 <label for="other"><div class="sprite other"></div></label>          </fieldset>         <input type="submit" id="submit" value="" />     </form>     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>     <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.0/jquery.validate.js" type="text/javascript"></script> <script>     jQuery(document).ready(function() {         jQuery("#signupform").validate({             rules: {                 lookingfor:{ required: true }             }         });         });         </script>         </body> </html> 
</div
     

Список ответов

2
 
vote
vote
Лучший ответ
 

Координационная проблема заключается в том, что вы продублировали ваш <код> radio группы кнопки <код> name , <код> FLUSH HOSTS; 0 , внутри <код> FLUSH HOSTS; 1 :

 <код> FLUSH HOSTS; 2  

Удалить это дубликат имени, и он работает нормально.

demo: http://jsfiddle.net/8qbun/

.
 

The root problem is that you've duplicated your radio button group's name, lookingfor, inside of <fieldset>:

<fieldset name="lookingfor"> 

Remove this duplicate name and it works fine.

DEMO: http://jsfiddle.net/8qbUn/

</div
 
 
-1
 
vote

Добавить проверено внутри одного ввода, так что это будет выбранная по умолчанию, выбранная радиоустановка?

 

Add checked inside one input so it will be the default selected radio button ?

</div
 
 
 
 

Связанный проблема

1  jquery адрес плагин  ( Jquery address plugin issue ) 
Я использую плагин jQuery Address, я реализовал плагин на странице списка, когда я нажимаю на одну из ссылок, функция будет вытащить данные, используя AJAX и ...

5  модальный всплывающий как Google  ( Modal pop up like google ) 
Как сделать модальное всплывающее окно, как Gmail (когда мы пытаемся загрузить EXE, который генерирует крышки прокрутки страницы) ...

0  Удалите подстроку из строки в jQuery [дублировать]  ( Remove a substring from a string in jquery ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> Этот вопрос уже есть ответы здесь : ...

102  Как получить место мыши в jQuery без мыши-событий?  ( How to get mouse position in jquery without mouse events ) 
Я хотел бы получить текущую позицию мыши, но я не хочу использовать: <код> $(document).bind('mousemove',function(e){ $("#log").text("e.pageX: " + e...

0  Разрежьте строку в JavaScript [Закрыто]  ( Cut the string in javascript ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> закрыт. Этот вопрос не соответствует Рекомендациям переполнения ...

0  Boxy Эта отправка не работает  ( Boxy this submit does not work ) 
У меня есть несколько форм в моем коде, и я хочу назначить подтверждающее поле, чтобы показать, прежде чем он будет отправлен. Следовательно, я использую Bo...

4  Каковы разница между $ (документом) .bind («готовая», функция) и $ (документ). Ready (функция (функция () {}))  ( What are the difference between document bindready function and docume ) 
Я хочу обновить от Verysjs версии 2.0.0 до 2.1.5 Вот код: <код> define(['jquery', 'test.js'], function ($, test) { var test = new $.test({ ...

2  Совет инструмента не работает на текстовой зоне Bootstrap  ( Tool tip not working on text area bootstrap ) 
У меня есть форма Bootstrap 3, на которой я применяю Tootip через скрипт. Toottip работает нормально на поле ввода, но не работает над Textarea. <код> <div ...

0  Jquery value изменить жить  ( Jquery value change live ) 
Пожалуйста, обратитесь к этому HTML. <код> <input type="text" name="amount1" value="10" /> <input type="text" name="amount2" value="5" /> <input type="text"...

0  Почему это работает над сафари и Firefox, но не на хроме?  ( Why is this working on safari and firefox but not on chrome ) 
У меня есть адаптивное меню навигации, он работает следующим образом: при изменении размера окна появляется значок «Гамбургер» (три строки). Нажатие на этот з...

0  Как вы делаете Div пойти по другому меню Div / NAV, которое не исправлено?  ( How do you make a div go under another div nav menu which is not fixed ) 
Я пытаюсь сделать Div, идут под очередной div, в котором ни один не фиксирован элементы. Вот мой код: <Код> ul { list-style-type: none; margin: ...

2  Как получить выделенные тексты?  ( How to get the highlighted texts ) 
Я пытаюсь получить выбранные тексты от пользователя (выделенный текст, который выделяет пользователь). У меня есть следующее: <код> function getSelectedTe...

-1  Jquery первый раз попробовал ajax  ( Jquery first time tried ajax ) 
Это я впервые попробовал ajax, кнопку нажала, но ничего не произойдет, если это должно быть предупреждено, когда успех? Любой может помочь мне взглянуть, пожа...

1  Функция валидации угловых JS Возвращает до завершения вызова API для проверки  ( Angular js validation function returns before the api call for validation is com ) 
<код> if (!validate()) { return; }; function validate() { var nameIsValid = ...

-2  Как мне получить значение флажков ряд в таблице JavaScript  ( How do i get value of a checkboxes of a row in a table javascript ) 
Это может быть глупым вопросом, но мне нужно получить значения проверенных флажков определенной строки. <код> script5 Так что в основном я хочу, чтобы по...