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