Показать сообщение отдельно
  #1 (permalink)  
Старый 01.06.2019, 16:39
Профессор
Отправить личное сообщение для Igorsrt Посмотреть профиль Найти все сообщения от Igorsrt
 
Регистрация: 21.02.2016
Сообщений: 271

Добавить класс к радиокнопкам при валидации
Здравствуйте!
Есть некая форма с группами радиокнопок. Каждая группа кнопок обязательна для заполнения.
<form action="" method="post" id="anketa4" class="ajax_form">
	<div class="row">
		<div class="form-group col-lg-4 col-md-6">
			<div class="anketablock">
				<span class="bl-num">1</span>
				<fieldset>
					<legend>Вопрос-1</legend>
					<label for="q4-1-0" class="radio control"><input id="q4-1-0" type="hidden" name="question1[]" value=""  class="form-control" /></li>
					<label for="q4-1-1" class="radio control"><input type="radio" id="q4-1-1" name="question1[]" value="Ответ1" class="form-control required"><span>Ответ1</span></label>
					<label for="q4-1-2" class="radio control"><input type="radio" id="q4-1-2" name="question1[]" value="Ответ2" class="form-control required"><span>Ответ2</span></label>
					<label for="q4-1-3" class="radio control"><input type="radio" id="q4-1-3" name="question1[]" value="Ответ3" class="form-control required"><span>Ответ3</span></label>
				</fieldset>
			</div>
		</div>
		<div class="form-group col-lg-4 col-md-6">
			<div class="anketablock">    
				<span class="bl-num">2</span>
				<fieldset>
					<legend>Вопрос-2</legend>
					<label for="q4-2-0" class="radio control"><input id="q4-2-0" type="hidden" name="question2[]" value=""  class="form-control" /></li>
					<label for="q4-2-1" class="radio control"><input type="radio" id="q4-2-1" name="question2[]" value="Ответ1" class="form-control required"><span>Ответ1</span></label>
					<label for="q4-2-2" class="radio control"><input type="radio" id="q4-2-2" name="question2[]" value="Ответ2" class="form-control required"><span>Ответ2</span></label>
					<label for="q4-2-3" class="radio control"><input type="radio" id="q4-2-3" name="question2[]" value="Ответ3" class="form-control required"><span>Ответ3</span></label>
				</fieldset>
			</div>
		</div>
		<div class="form-group col-lg-4 col-md-6">
			<div class="anketablock">
				<span class="bl-num">3</span>
				<fieldset>
					<legend>Вопрос-3</legend>
					<label for="q4-3-0" class="radio control"><input id="q4-3-0" type="hidden" name="question3[]" value=""  class="form-control" /></li>
					<label for="q4-3-1" class="radio control"><input type="radio" id="q4-3-1" name="question3[]" value="Ответ1" class="form-control required"><span>Ответ1</span></label>
					<label for="q4-3-2" class="radio control"><input type="radio" id="q4-3-2" name="question3[]" value="Ответ2" class="form-control required"><span>Ответ2</span></label>
					<label for="q4-3-3" class="radio control"><input type="radio" id="q4-3-3" name="question3[]" value="Ответ3" class="form-control required"><span>Ответ3</span></label>
				</fieldset>
			</div>
		</div>	
	</div>
	<div class="form-group">
		<div class="controls">
			<button type="submit" class="submit-btn ankbtn" value="Submit">Отправить анкету</button>
		</div>
	</div>
</form>

Сайт сделан на MODX + Formit. Formit позволяет делать валидацию радиокнопок, но почему-то не добавляет никаких классов к незаполненым группам, что бы можно было их как-то "подсветить"...
Нужен дополнительный скрипт, который бы мог это сделать.
Ответить с цитированием