Проверка формы jQuery перед отправкой Ajax ⇐ Jquery

[Anonymous]

Бит 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