Как мне сделать вызов Ajax на отправить, а также убедитесь, что проверка html5 также произойдет

Question

Как мне сделать вызов Ajax на отправить, а также убедитесь, что проверка html5 случиться

<form action="someurl" method="post" class="form-horizontal" > 
    <input type="text" id="name" required placeholder="Name" pattern="[a-zA-Z]+"> 
    <input type="text" id="description" required placeholder="Description"> 
    <button type="submit" class="btn btn-primary">Edit Category</button> 
</form> 

Я знаю, как сделать ajax-вызов. Я просто хочу знать, как обращаться с кнопкой отправки, чтобы выполнялись валидации, а также функция ajax.

Как я не использую этот метод jquery. Я показываю эти формы в twitter bootstrap modal.

Я получил справочный материал о том, что я на самом деле пытается сделать --- http://albertbori.com/ajax-form-validation-with-html5 - Но я сделал то же самое, и все же это не сработало

Answer 1

вы ищете:

$('form').submit(function(e){ 
    e.preventDefault(); 
    //code goes here 
}); 

, который по представлению его запускает эту функцию, которая будет включать в себя ваши проверки и AJAX вызова

Answer 2

в качестве основы можно использовать inputElement.checkValidity() http://docs.jquery.com/Plugins/WebForms/checkValidity

может быть, вы ищете для этого

$("#form1").submit(function() { 
     $.ajax({ 
      ... 
      } 
     }); 
     return false; 
    });