ajax提交form表单，H5的required属性没起作用

最新推荐文章于 2023-06-01 17:09:13 发布

Badgehu

最新推荐文章于 2023-06-01 17:09:13 发布

阅读量1.1w

点赞数 6

CC 4.0 BY-SA版权

文章标签： ajax 表单 required

本文链接：https://blog.youkuaiyun.com/PlainWaterh/article/details/56836974

本文介绍了在使用Ajax提交表单时遇到的required属性不起作用的问题，并给出了正确的解决方案。通过将Ajax请求绑定到form元素的submit事件上，而非按钮点击事件，可以确保required验证正常工作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、
ajax提交form表单，required属性不起作用
错误代码如下

<form id="order">
   <input type="text" name="name" required />
   <input type="submit" id="submit" />
</form>

<script>
   $("#submit").bind("click",function(){
      $.ajax({
        ...
     })
   });
</script>

2、
正确代码如下

<form id="order">
   <input type="text" name="name" required />
   <input type="submit" id="submit" />
</form>

<script>
   $("#order").submit(function(){
      $.ajax({
        ...
     })
   });
</script>