html中的form不提交(排除)某些input 原創(chuàng)
在Html的form點(diǎn)擊提交時(shí),form內(nèi)所有Input filed的內(nèi)容,只要是有name屬性的,并且沒有disabled屬性的,都會(huì)被提交,即通過網(wǎng)絡(luò)發(fā)送到指定的URL。這是正常情況,如果有不想提交的input屬性呢?
一、使用disabled屬性
添加disabled屬性是比較常用的方法。
<input type="hidden" name="name" value="" disabled>
但是添加了該屬性后,你是不可以在頁面上對(duì)該項(xiàng)內(nèi)容進(jìn)行修改的,也就是意味著即不能輸入,也不能獲取focus。
注意:type="hidden" 只是在頁面展示的時(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)到其他頁面,是沒有任何問題的;但是如果不跳轉(zhuǎn),還是本頁面,不推薦這個(gè)方法,因?yàn)樘峤缓蟮捻撁鎛ame屬性的input消失了。
到此這篇關(guān)于html中的form不提交(排除)某些input的文章就介紹到這了,更多相關(guān)form不提交某些input內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
CSS實(shí)現(xiàn)每行新聞數(shù)量不等效果代碼
像大型網(wǎng)站中間那部分的效果:由于文章的標(biāo)題的長度不一樣,會(huì)自動(dòng)實(shí)現(xiàn)行滿后下一個(gè)標(biāo)題自動(dòng)換行,不滿,則在后面繼續(xù)添加。2008-10-10
position:relative/absolute無法沖破的等級(jí)
position:relative/absolute無法沖破的等級(jí)...2007-03-03
XHTML下css+div布局總結(jié) 超強(qiáng)推薦
XHTML下css+div布局總結(jié) 超強(qiáng)推薦...2006-12-12
Internet Explorer 8 beta 中文版與IE7共存的解決方法
今天安裝了IE8,去微軟網(wǎng)站下載的時(shí)候發(fā)現(xiàn)已經(jīng)提供中文版的beta了,哈哈 發(fā)現(xiàn)IE8沒有傳說中的那么妖魔化,不錯(cuò)的瀏覽器,新增功能不錯(cuò)。2008-05-05

