Оставаться на той же странице, используя модальную форму, проверку формы и генератор формы постоянного контакта

Я новичок в jQuery и пытаюсь использовать модальную форму, чтобы показать постоянную контактную простую форму, сгенерированную генератором форм. Я применил jQuery.validate(), и проверка работает, но я не знаю, как отправить форму. Если в теге есть action="signup/index.php", я попадаю на новую страницу.

Сгенерированная форма использует action='signup/index.php', и этот файл вызывает новое местоположение страницы, см. Файл в Github. Я прокомментировал эти последние строки, но все еще не могу отправить форму. Я не вижу новое письмо в списке постоянных контактов.

Это мой саммит обработчик

submitHandler: function() {
        $('#signup').click(function(e) {
            $.post('signup/index.php', $().serialize(), function(data) {
                $('#output-div').html(data);
            });
            $('#form-message').fadeIn(300, function() {
                $('#form-message').html('<p>Thank you for joining our list.  Great offers coming soon.</p>')
            });
            $('#myModal').delay(1500).trigger('reveal:close');
        });

    }

1 ответ

Решил это.

Я закомментировал последние несколько строк в signup/index.php, включая эту строку

if($postFields['request_type'] == 'ajax'){ $postFields["success_url"]=''; $postFields["failure_url"]=''; }

По какой-то причине эта строка необходима для успешной отправки формы. Все после этой строки закомментировано, из

if ($return_code==201) {

в

</ol>
        </p>'; }
    }

и мой JQuery обрабатывает сообщения, ошибки и завершение как таковое

submitHandler: function() {
        $.post('/dev/rest/ccphp/signup/index.php', $("#ccsfg").serialize(), function(data) {
            $('#results').html(data);
        }).success(function() { 
            $('#ccsfg').html('<h4>Thank you for joining our list.  Great offers coming soon.</h4>');
        })
            .error(function() {
            $('#ccsfg').html('<h4>Oops!  There was an error.  Please try again. </h4>');
         })
            .complete(function() {
            $('#myModal').delay(1500).trigger('reveal:close');
         });
    }
Другие вопросы по тегам