Бит JavaScript:
$(document).ready(function()
{
$('#form').submit(function(e)
{
e.preventDefault();
var $form = $(this);
// check if the input is valid
if(! $form.valid()) return false;
$.ajax(
{
type:'POST',
url:'add.php',
data:$('#form').serialize(),
success:function(response)
{
$("#answers").html(response);
}
});
})
});
Бит HTML:
Итак, вот код, который я пытаюсь использовать. Идея состоит в том, чтобы проверить все введенные мной данные, прежде чем я отправлю форму с помощью Ajax. Я перепробовал множество версий этого, но каждый раз мне приходится отправлять заявку, даже если форма заполнена не полностью. Все мои входные данные относятся к «обязательному» классу. Может ли кто-нибудь увидеть, что я делаю неправильно?
Кроме того, я завишу от требований на основе классов, поскольку мои входные имена генерируются с помощью php, поэтому я никогда не могу быть уверен, какое имя[ id] или типы ввода, которые я получаю.
Я показываю/скрываю вопросы по мере их просмотра на «страницах».
JS:
function toggleVisibility(newSection)
{
$(".section").not("#" + newSection).hide();
$("#" + newSection).show();
}
Подробнее здесь: https://stackoverflow.com/questions/114 ... jax-submit