這段時(shí)間前端開(kāi)發(fā)過(guò)程中，關(guān)于<form>表單下的輸入框信息驗(yàn)證和數(shù)據(jù)提交問(wèn)題出現(xiàn)矛盾。

問(wèn)題描述：

表單下利用<input type="text" pattern="正則表達(dá)式">進(jìn)行正則表達(dá)式驗(yàn)證，最后提交按鈕如果不實(shí)用type="submit"則無(wú)法激活正則表達(dá)式驗(yàn)證。但同時(shí)，又不想要<form>表單轉(zhuǎn)發(fā)式提交，想利用jquery ajax的post或get方法進(jìn)行數(shù)據(jù)封裝和提交，此時(shí)需要在<input type="submit">標(biāo)簽中添加鼠標(biāo)事件οnclick="調(diào)用函數(shù)"，就會(huì)導(dǎo)致submit提交按鈕點(diǎn)擊后同時(shí)激活。

解決方案：

1.棄用pattern屬性驗(yàn)證方式，采用純JavaScript+CSS表單驗(yàn)證方式，這類(lèi)方法網(wǎng)絡(luò)上很多，不再贅述，下文作參考。

HTML初級(jí)，用基本CSS+JS實(shí)現(xiàn)表單驗(yàn)證_javascript_童子泛舟的博客-CSDN博客?blog.csdn.net

2.繼續(xù)使用pattern屬性，但同時(shí)也用ajax和正則表達(dá)式；同時(shí)，對(duì)于servlet來(lái)說(shuō)，有了一個(gè)屬性可以區(qū)分同一個(gè)頁(yè)面的多個(gè)信息提交采取什么方法處理。具體解決方案如下：

（1）表單設(shè)計(jì)

<

（2）JS設(shè)計(jì)

//添加單擊事件

總結(jié)

以上是生活随笔為你收集整理的ajax如何提交多表单的值_Java Web初学者探索学习笔记7—矛盾解决方案：表单标签验证与ajax提交...的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。