2013-12-26 2 views
-1

У меня есть 2 кнопки на форме.Две кнопки на форме, включая проверку и отправьте форму

Одна кнопка используется для перехода к следующему экрану (скрытие div и отображение другого), а другая кнопка должна использоваться для отправки формы.

Вторая кнопка должна подтвердить и отправить форму.

Для проверки Я использую плагин проверки jQuery с плавающим Qtyp для отображения сообщений с плавающей точкой.

В настоящее время первая кнопка NEXT подтверждает, что поля не пусты, а затем перейдите к следующему шагу, но кнопка SEND ничего не делает.

Это код, который у меня есть, я смотрю его, чтобы понять идею: FIDDLE

В заключение:

кнопку Далее: подтверждает, что поля не пусто, то скрыть Tab1 и шоу tab2 (это уже).

Кнопка SEND: еще раз, что поля не пусты, а затем отправить форму на страницу process.php (я не знаю, как это сделать)

Как я мог подтверждает? Просмотрите ссылку, чтобы понять.

Поздравления!

+1

Вы должны указать код в самом вопросе. – Sparky

+0

Хотя я думаю [вы могли бы сделать это лучше с помощью нескольких элементов формы) (http://stackoverflow.com/questions/20683351/how-can-i-do-a-conditional-success-check-with-the-jquery- validation-plugin/20688216 # 20688216), ваш jsFiddle отлично работает для меня. Нажав «send» переадресацию на действие формы, 'procesar.php', тогда страница ничего не делает только потому, что jsFiddle не имеет доступа к этому файлу. – Sparky

+0

Спарки, я пробую ваше решение. Проблема в том, что когда я нажимаю следующую кнопку, загружаю форму 2 в секунду и возвращаюсь, чтобы показать форму 1 (как если бы страница перезагрузилась). Я проверяю, и я не вижу, что я могу ошибаться. –

ответ

-2

Я попытался сделать это для вас, вот что я сделал.

http://fiddle.jshell.net/9sgKz/10/

Я захвачена, который подают нажатии на кнопку Next или т.е. Отправлять и, соответственно, либо скрыть Tab1 и показать TAB2 или отправить форму.

Надеюсь, это поможет вам в достижении того, что вы делаете.

+1

Это работает, но проблема в том, что страница замерзает на несколько секунд (как бы обрабатывая что-то) перед выполнением действия (включая зависание указателя мыши). Что может случиться? –

+0

Пожалуйста, покажите свой код в ответе. Ответы должны быть самодостаточными. Кроме того, ваш код хуже, чем у OP, поскольку вы никогда не ставите метод '.validate()' внутри обработчиков кликов. '.validate()' - это только то, как вы _initialize_ плагин не тестирует форму. – Sparky

+0

Sparky Я не думаю, что нужно поместить «.validate» внутри обработчиков кликов, которые соответствуют вашим требованиям. Также посмотрите здесь http://jqueryvalidation.org/validate/, где указано submitHandler (по умолчанию: native form submit): «Обратный вызов для обработки фактического представления, когда форма действительна. Возвращает форму как единственный аргумент. Заменяет отправку по умолчанию. Правильное место для отправки формы через Ajax после ее проверки». и это то, что я сделал. –

Смежные вопросы