У меня есть вопрос, как проверить многошаговую форму, я создаю форму, и она имеет три раздела на одной странице,
1.Персональная информация,
2. Контактная информация,
3. Детали детали.
Мой вопрос:
Если все эти конкретные входные данные шага 1 действительны и возвращают «true» в #Form, кнопка второго шага будет (активирована / перенесет вас на следующий шаг) и аналогично шагу 2, если все конкретные входные данные действительны и верните true, step3 активирует
как проверять форму поэтапно, когда я использую проверку jquery
мой код здесь:
$(document).ready(function() {
var navHTML = '' + ''; $(function(){
// init
$('#Form > div')
.hide()
.append(navHTML);
$('#first-step .prev-als').remove();
$('#last-step .form-next').remove();
// show first step
$('#first-step').show();
$("a.form-next").click(function() {
var whichStep = $(this).parent().parent().attr('id');
if( whichStep == 'first-step' )
{
$("#first-step").validate();
if($("#form").valid()==false) return false;
//Dont navigate to second page
}
else if( whichStep == 'second-step' )
{
}
else if( whichStep == 'last-step' )
{
// validate last-step
}
$(this).parent().parent().hide().next().show(); });
$('a.prev-als ').click(function(){
$(this).parent().parent().hide().prev().show();
});
});
});