Оставаться на той же странице, используя модальную форму, проверку формы и генератор формы постоянного контакта
Я новичок в 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');
});
}