Здравствуйте.
Нашел в сети отличный скрипт анимированного переключения между формами
В общем есть форма состоящая из двух полей:
<div id="steps">
<form id="formElem" name="formElem" action="" method="post">
<!-- Шаг 1 -->
<fieldset class="step">
<legend>Параметр 1</legend>
<p>
<label>Размер A </label> </p>
<p><input id="size_a" name="size_a" type="text" size="10" maxlength="4"/> размер в мм
</p>
<p>
<label>Размер B</label> </p>
<p> <input name="size_b" type="text" size="10" maxlength="4"/> размер в мм
</p>
<p>
<label>Размер C </label> </p>
<p><input name="size_c" type="text" size="10" maxlength="4"/> размер в мм
</p>
</fieldset>
<!-- Шаг 2 -->
<fieldset class="step">
<legend>Параметр 2</legend>
<p><label for="model1">Модель </label></p>
<p>
<input name="model1" type="radio" value=""> Вариант 1
<input name="model1" type="radio" value=""> Вариант 2
</p>
<p>
<input name="model2" type="radio" value=""> Вариант 1
<input name="model2" type="radio" value=""> Вариант 2
<input name="model2" type="radio" value=""> Вариант 3 </p>
</fieldset>
</form>
И обработчик ошибок в форме
function validateStep(step){
if(step == fieldsetCount) return;
var error = 1;
var hasError = false;
$('#formElem').children(':nth-child('+ parseInt(step) +')').find(':input:not(button)').each(function(){
var $this = $(this);
var valueLength = jQuery.trim($this.val()).length;
if(valueLength == ''){
hasError = true;
$this.css('background-color','#FFEDEF');
}
else
$this.css('background-color','#FFFFFF');
});
Уже какой день бьюсь с этим обработчиком, но никак не могу прикрутить проверку поля radio, точнее выбора всех полей радио на одном поле fieldset.
Помогите добрым советом!!
P.S. оригинальный скрипт находится по адресу:
http://ruseller.com/lessons.php?rub=32&id=634
