Javascript 如何在提交时调用ajax并确保html5验证也能进行

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

我得到了一份关于我实际上想做的事情的参考资料-----但我做了同样的事情，但仍然没有成功

你在寻找：

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

---

它在提交时运行此函数，该函数将包括您的验证和ajax调用

作为基础，您可以使用

inputElement.checkValidity（）

也许你在找这个

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

---

这是一种自动化的方式，我不想手动操作。我确实在某个地方看到过它，但我记不起来了，谢谢你，我可以将它与表单一起使用，比如$（'form'）。checkValidity（）我的浏览器选项卡被重定向到另一个页面，在那里我可以看到我的json响应注释掉

e.preventDefault（）除非我不理解你对“它不起作用”的回答，否则我尝试了两种方法。它不起作用。问题是，当我在浏览器中实际使用调试器时。它甚至没有进入功能块。它只是重定向并显示json响应，如果您尝试添加类似
console.log（'submit'）编码到函数中。您的代码中是否添加了jquery？我已将jquery添加到我的代码中，并且我尝试了console.log（'submit'）。如果它不起作用，您确定您的浏览器支持html5吗？它确实支持html5。它是Chromium浏览器的最新版本