Кнопка ввода типа / отправить, которая выполняет проверку формы и отправляет через jquery ajax?

Question

Я пытаюсь использовать плагин валидатора jquery и отправить форму через ajax в jquery .....

Плагин Validator работает с <input type="submit" value="Add a client" id="clientadd"/>, но моя форма отправки работает с <input type="button" value="Add a client" id="clientadd"/> .....

<form id="addform" autocomplete="off">
 //My controls here
</form>

Я не указал здесь атрибуты action и method, так как я отправлю свою форму, используя jquery.ajax() .... Любое предложение, как заставить оба работать вместе ....

Answer 1

Вы можете указать submitHandler , который будет выполнять отправку формы после успешной проверки:

$('form').validate({
    submitHandler: function(form) {
       // TODO: submit your form in ajax here
    }
});

Так что, если вы используете плагин jQuery.form , чтобы изменить форму:

$('form').validate({
    submitHandler: function(form) {
        $(form).ajaxSubmit();        
    }
});

Answer 2

Вы можете добавить action="", чтобы он был действительным HTML, и без проблем использовать кнопку type="submit". Просто перехватите отправку с помощью jQuery и предотвратите нормальную отправку:

$('#addform').submit(function() {
  // your stuff here to process the form

  // end with
  return false;
});