ajax如何提交多表单的值_Java Web初学者探索学习笔记7—矛盾解决方案：表单标签验证与ajax提交...

这段时间前端开发过程中，关于<form>表单下的输入框信息验证和数据提交问题出现矛盾。

问题描述：

表单下利用<input type="text" pattern="正则表达式">进行正则表达式验证，最后提交按钮如果不实用type="submit"则无法激活正则表达式验证。但同时，又不想要<form>表单转发式提交，想利用jquery ajax的post或get方法进行数据封装和提交，此时需要在<input type="submit">标签中添加鼠标事件οnclick="调用函数"，就会导致submit提交按钮点击后同时激活。

解决方案：

1.弃用pattern属性验证方式，采用纯JavaScript+CSS表单验证方式，这类方法网络上很多，不再赘述，下文作参考。

HTML初级，用基本CSS+JS实现表单验证_javascript_童子泛舟的博客-CSDN博客​blog.csdn.net

2.继续使用pattern属性，但同时也用ajax和正则表达式；同时，对于servlet来说，有了一个属性可以区分同一个页面的多个信息提交采取什么方法处理。具体解决方案如下：

（1）表单设计

<

（2）JS设计

//添加单击事件

总结

以上是生活随笔为你收集整理的ajax如何提交多表单的值_Java Web初学者探索学习笔记7—矛盾解决方案：表单标签验证与ajax提交...的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。