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

这段时间前端开发过程中，关于

表单下的输入框信息验证和数据提交问题出现矛盾。

问题描述：

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

解决方案：

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

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

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

（1）表单设计

<

（2）JS设计

//添加单击事件