在Html的form點擊提交時，form內(nèi)所有Input filed的內(nèi)容，只要是有name屬性的，并且沒有disabled屬性的，都會被提交，即通過網(wǎng)絡發(fā)送到指定的URL。這是正常情況，如果有不想提交的input屬性呢？

一、使用disabled屬性

添加disabled屬性是比較常用的方法。

<input type="hidden" name="name" value="" disabled>

但是添加了該屬性后，你是不可以在頁面上對該項內(nèi)容進行修改的，也就是意味著即不能輸入，也不能獲取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, 對應的處理函數(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消失了。

到此這篇關于html中的form不提交（排除）某些input的文章就介紹到這了,更多相關form不提交某些input內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

最新評論