html中的form不提交(排除)某些input 原創(chuàng)
在Html的form點(diǎn)擊提交時(shí),form內(nèi)所有Input filed的內(nèi)容,只要是有name屬性的,并且沒有disabled屬性的,都會(huì)被提交,即通過(guò)網(wǎng)絡(luò)發(fā)送到指定的URL。這是正常情況,如果有不想提交的input屬性呢?
一、使用disabled屬性
添加disabled屬性是比較常用的方法。
<input type="hidden" name="name" value="" disabled>
但是添加了該屬性后,你是不可以在頁(yè)面上對(duì)該項(xiàng)內(nèi)容進(jìn)行修改的,也就是意味著即不能輸入,也不能獲取focus。
注意:type="hidden" 只是在頁(yè)面展示的時(shí)候隱藏,form在提交的時(shí)候依然會(huì)發(fā)出。
二、去掉name屬性
需要把name屬性lang去掉,這時(shí)候再提交Form,可以看到lang沒有了。
<input type="name" value="">
三、javascript移除
在submit的javascript函數(shù)里,調(diào)用remove方法把這個(gè)Input field給移除
<form id="form1" method="get" action=""> <input type="text" name="name" value=""> <input type="button" id="LoginId" value="GO" onclick="doLogin()"> </form>
上面的html代碼點(diǎn)擊提交按鈕GO, 對(duì)應(yīng)的處理函數(shù)是formsubmit()。javascript中加入formsubmit()函數(shù),增加如下代碼:
function formsubmit(){ document.getElementById("name").remove(); $("#form1").attr("action","你的提交url"); $("#form1").submit(); }
如上代碼,formsubmit提交表單,會(huì)移除name屬性。
注意:如果你的提交url是跳轉(zhuǎn)到其他頁(yè)面,是沒有任何問(wèn)題的;但是如果不跳轉(zhuǎn),還是本頁(yè)面,不推薦這個(gè)方法,因?yàn)樘峤缓蟮捻?yè)面name屬性的input消失了。
到此這篇關(guān)于html中的form不提交(排除)某些input的文章就介紹到這了,更多相關(guān)form不提交某些input內(nèi)容請(qǐng)搜索以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持!
