1

如何在提交时进行 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——但我做了同样的事情，但仍然没有用

4

2 回答 2

2

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

也许你正在寻找这个

$("#form1").submit(function() {
         $.ajax({
             ...
             }
         });
         return false;
     });
于 2013-04-16T07:11:28.557 回答
1

您在寻找：

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

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

于 2013-04-16T07:08:59.800 回答