Проверка динамической формы (не только полей)

Question

Я пытаюсь выяснить, как выполнить динамическую проверку формы с помощью jquery и плагина проверки jquery. Я довольно новичок в jquery и JS в целом.

Я выяснил, как получить подтверждение, когда я нажимаю submit (используя submitHandler). Однако мне нужно POST через ajax, а не по-своему. Поэтому мне нужно предотвратитьDefault, и я, похоже, не могу. Собственный путь для меня - это когда вы нажимаете submit, действие происходит. Я не хочу, чтобы действие произошло, поскольку я пытаюсь сделать это через $ .ajax ({...}) ;.

Если я положил валидацию в $ ('# form'). Live ('click', function (e) {...}), теперь я могу отправлять через ajax, однако проверки не происходит. У меня есть все внутри $ (document) .ready (function() {...} ;.

Как я могу получить динамическую форму, проверенную внутри метода live ('click')? для вызова validate() при добавлении формы. Я добавляю всю форму с помощью щелчка по объекту и добавляю к дочернему объекту.

В любом случае (в submitHandler или в режиме live ('click'),) меня устраивает, но я не могу показаться, чтобы выяснить, так или иначе.

Надеется, что это достаточно информации, но если я не буду рад предоставить больше. небольшой фрагмент ниже submitHandler.

$("#form-" + $(this).attr('id')).validate({ 
    submitHandler: function(form) { 
     this.preventDefault(); 
     // My ajax function below (submitForm); 
     submitForm(this); 
     alert('wee'); 
    } 

Answer 1

Вы пришли посмотреть на jQuery (ajax) form plugin?

Answer 2

Вы не используете submitHandler правильно. Попробуйте это:

$("#myform").validate({ 
     submitHandler: function(form) { 
     form.submit(); 
     } 
}); 

И затем переопределить функцию представить в виде:

$('#myform').submit(function() { 
    $.post(url, $(this).serialize(), function(response) { 
    //do something with the AJAX response 
    }); 

    return false; 
}); 

возвращения ложным; в конце будет препятствовать отправке формы по умолчанию.