Подтвердите форму дважды
Факты кода:
Я использую jQueryТакже с помощью плагина jQuery ValidateОсобенности моей формы:
У меня есть форма, которая разделена на две части. Это'все в одной форме, но разбиты на два больших числаМясо формы (имя, фамилия и т. Д.) Находится в первой части.У меня также есть динамическая таблица в первой части формы, так что люди могут зарегистрировать себя и до 20 других людей.Наконец, есть регистрационный код. Эти коды можно использовать только до 20 раз. Значение, если один человек регистрирует себя и 19 других людей с регистрационным кодом
test
тогда этоs, тест больше не является пригодным для использования регистрационным кодом.Проблема:
Позволять'скажи регистрационный кодtest
уже был использован 18 раз. Таким образом, валидатор работает нормально, если они регистрируют себя и еще двух человек, появляется сообщение о том, что предел превышен.тем не мение если они введут кодtest
ПЕРВЫЙ, а затем добавить двух человек, он проверяет правильность формы и движется дальше. Вот's код для регистрационного кода в правилах для валидатора:
regis_code: {
required: true,
reg_code: true,
remote: {
url: "Private/Code_checker.php",
data: {
num: function() {
return num_rows;
},
},
async: false
}
}
Так что скрипт php работает просто отлично. Что мне нужно сделать, это проверить, пока они заполняют форму, НО ТАКЖЕ проверять прямо перед отправкой. Другая проблема состоит в том, что кнопка для первой части формы не является кнопкой отправки, это просто кнопка, которая скрывает текущий элемент div и показывает следующий элемент div (часть 2) формы. Как я могу проверить, когда они печатают, а также проверить, когда они нажимают кнопку, чтобы перейти ко второй части?
Вот's код кнопки вместе с валидатором:
$('.button2').click(function() {
if(val.form()) {
$('.box').animate({ height:520, left: '-=50', top: '+=30', width: '-=350' }, 750);
$('div.box label').animate({width: '-=100%'},500);
$('#part1').fadeOut('slow', function() {
$('#part2').fadeIn('slow');
});
$('#PaySubmit').fadeIn('slow');
}
});
var val = $('#everything').validate({...});