解决form表单通过ajax时,required失效问题

问题:
最近在写注册功能时,用ajax时required时遇到了失效的问题后面我发现了原来required要写在包含有form表单的input,并且要绑定在form的submit事件上,require可无法阻止你按按扭,只是能阻止你提交表单。而我要用ajax实现post请求,一开始前端是没有用form表单的,加入form后ajax会自动变成get请求,这是因为加入form标签后变成了表单的sumbit事件了。而不是通过ajax来实现请求(form表单后面加method=“post”则会出现405错误,详情看:用ajax模拟post请求报错 “405 Method not allowed”
解决方法:
所以情况相当复杂,后面看到有人情况和我一样,最后用这种方法实现。
前端页面加上form标签,ajax则改成下面的代码

$("form").bind("submit",function(){
      $.ajax({});
      return false;
   });`

这表示绑定在submit事件上,然后return false阻止表单提交,改成用ajax提交

注:我是最后一页用提示用模态框 是submit按钮 不想走from表单 只想走ajax 但是还想要from里面的字段验证功能才会这么做

博客转载https://blog.csdn.net/weixin_41866607/article/details/104082035

posted @ 2021-01-11 11:50  一只小泡沫  阅读(641)  评论(0编辑  收藏  举报