javascript - 如何在提交时进行 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 引导模式中显示这些表单。

我得到了我实际尝试做的事情的引用资料 --- 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;
     });