国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 網(wǎng)站 > 建站經(jīng)驗(yàn) > 正文

禁止按回車鍵提交表單的方法

2024-04-25 20:37:17
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

出現(xiàn)自動(dòng)提交的情況,有兩種可能:

一是編寫了javascript代碼,當(dāng)用戶點(diǎn)按Enter鍵時(shí),通過(guò)js事件偵聽(tīng)機(jī)制觸發(fā)表單的提交。

二是利用了瀏覽器的默認(rèn)行為(至少發(fā)現(xiàn)ie是這樣的)。瀏覽器在解析網(wǎng)頁(yè)的時(shí)候,有許多默認(rèn)的行為,例如如果一個(gè)頁(yè)面上有表單和一個(gè)提交按鈕,那么打開(kāi)頁(yè)面時(shí),焦點(diǎn)會(huì)自動(dòng)落在這個(gè)提交按鈕上面。同樣如果一個(gè)表單中只有一個(gè)單行文本輸入域(text),那么在這個(gè)輸入域中按Enter鍵時(shí),瀏覽器會(huì)自動(dòng)提交該表單。

我們對(duì)于第一種情況一般都知道而且很容易理解,但是對(duì)于第二種瀏覽器的默認(rèn)行為,可能知道這一點(diǎn)的人就比較少了,下面我具體看一下瀏覽器(至少ie如此)在表單提交上的默認(rèn)行為。

如果表單中含有一個(gè)單行文本輸入域,那么無(wú)論含有多少其他類型的表單組件,那么在該輸入域中點(diǎn)擊Enter時(shí),表單會(huì)自動(dòng)提交。

例如下面的代碼:

<form action="" method="post">

<input type="text" name="sdfsdf"/>

<input type="checkbox">sdfsdf

<input type="hidden"name="aa"/></form>

如果表單中含有兩個(gè)或多個(gè)單行文本輸入域,那么無(wú)論是否含有其他類型的表單組件,按Enter鍵時(shí)不會(huì)自動(dòng)提交,例如:

<form action="" method="post"

<input type="text"

name="sdfsdf"/

<input type="text"

name="sddf"/</form

辦法很簡(jiǎn)單,我們上面舉的例子中已經(jīng)有了,只要再添加一個(gè)文本輸入框就可以了,可能你會(huì)說(shuō),為了不自動(dòng)提交就要增加一個(gè)沒(méi)有用的輸入框,而且中含有兩個(gè)輸入框最終用戶會(huì)接受嗎?其實(shí)可以解決,你可以將那個(gè)新添加的輸入框通過(guò)style隱藏即可,例如:

<form action="" method="post"

<input type="text" name="notautosubmit"

style="display:none"/

<input type="text"

name="username"/</form

還有一個(gè)方法可以綁定button按鈕 enter觸發(fā)事件:

document.onkeypress = function(){

if(event.keyCode == 13) {search();returnfalse;}}其中search方法是onclick事件:<form name="searchfrom"

最終解決方案:

<script language="javascript">

function defineSubmit(btn)

{

if("submit1" == btn.value)

{

document.testForm.action="firstAction";

}

else

{

document.testForm.action="secondAction";

}

document.testForm.submit();

}

</script>

<form name="testForm" method="post">

username:<input type="text" name="username"/>

password:<input type="password" name="password"/>

<input type="button" name="submitName" onclick="defineSubmit(this)" value="submit1"/>

<input type="button" name="submitName" onclick="defineSubmit(this)" value="submit2"/>

</form>

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 和顺县| 凉山| 遵义县| 兰溪市| 桂林市| 邵阳市| 古交市| 龙门县| 林周县| 千阳县| 建昌县| 河南省| 英山县| 丰镇市| 当雄县| 根河市| 麻城市| 绍兴县| 河北省| 高邮市| 腾冲县| 剑阁县| 盱眙县| 乌拉特后旗| 即墨市| 舟山市| 枣强县| 黄平县| 锡林浩特市| 奉节县| 武鸣县| 康平县| 易门县| 辽宁省| 姜堰市| 武陟县| 资讯 | 沂源县| 临武县| 襄樊市| 威远县|