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模式中显示这些表单。

我得到了一个关于我实际上要做的事情的参考资料--- http://albertbori.com/ajax-form-validation-with-html5 - 但我做了同样的事情但仍然没有用

Answer 1

作为基础，您可以使用inputElement.checkValidity() http://docs.jquery.com/Plugins/WebForms/checkValidity

也许你正在寻找这个

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

Answer 2

你在寻找：

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

在提交时它会运行此功能，其中包括验证和ajax调用

如何在提交时进行ajax调用，同时确保html5验证也发生

2 个答案: