2016-12-06 5 views
0

У меня есть две радиокнопки в конце моей формы: «Да» и «Нет». В настоящее время он проверяет ввод пользователя независимо от того, выбирает ли пользователь «Да» или «Нет».Можно проверить только при выборе определенного переключателя?

Я хотел бы подтвердить ввод, только если он выберет «Да» и отобразит сообщение об ошибке, если он выберет «Нет». Возможно ли это с ParsleyJS?

Я не знаю, стоит ли упоминать, но я интегрировал ParsleyJS только с использованием атрибутов данных. Я не использую пользовательские jQuery или JavaScript для проверки формы.

Благодарим за помощь!

+1

Вы можете сделать 'data-parsley-equalto =" # скрытое поле "и иметь скрытое поле с да в нем, таким образом, если это не так, вы можете показать свое сообщение об ошибке – Pete

+0

Amazing @Pete, он работает согласно вашему предложению. Большое спасибо за быстрый и надежный комментарий! – bauhausweb

ответ

0

Спасибо за комментарий @Pete Мне удалось решить мою проблему, поэтому я хочу правильно ответить на мой вопрос, на всякий случай кто-нибудь еще наткнется на ту же проблему.

вход выглядит следующим образом (представьте себе, что будет радио кнопки рядом с каждым из ответов ...):
Вы моложе 18 лет? Да Нет

<label>Are you under 18 years old?</label> 
<input type="hidden" id="no" value="no"> 
<input type="radio" id="form-s-r" name="radio" value="yes" data-parsley-required="true" data-parsley-trigger="change" data-parsley-multiple="radio" data-parsley-error-message="You need to be at least 18 years old. Thank you for your interest in our services."> 
<label for="form-s-r">Yes</label> 
<input type="radio" id="form-s-r1" name="radio" value="no" data-parsley-equalto="#no" data-parsley-multiple="radio"> 
<label for="form-s-r1">No</label> 

Общая функциональность является то, что если пользователь говорит "Да" форма будет не Validate. Вместо этого появится data-parsley-error-message="You need to be at least 18 years old. Thank you for your interest in our services.".

Это достигается добавлением атрибута data-parsley-equalto="#no", так как только второй переключатель («Нет») будет соответствовать требованию, чтобы быть равным скрытому входу с id="no".