這段時間前端開發過程中，關于<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提交...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。