文章出處
文章列表
html利用input防止回車提交
默認情況下,單個輸入框,無論按鈕的type=”submit”還是type=”button”類型,回車即提交。
1.當type=”submit”時,無論有幾個type=”text”輸入框,回車均表示提交。(submit)
2.當type=”button”時,且存在多個輸入框,回車不提交。(button)
3.解決單個輸入框的回車即提交問題,參考第二點:可以增加一個input=”text”,隱藏; 然后type類型為button。
js防止回車提交
function ifenter(){
if(event.keyCode==13){
return false;
}else if(event.srcElement.type=="submit"){
form1.submit();
}
}
document.onkeydown=ifenter;
或者使用jquery
/禁止按回車提交
$(document).ready(function(){
$("input[@type='text']").each(
function(){
$(this).keypress( function(e) {
var key = window.event ? e.keyCode : e.which;
if(key.toString() == "13"){
return false;
}
});
});
})
或直接寫在html中
<form name="myform" action="" onkeydown="if(event.keyCode==13){return false;}">
<input type=text name=user>
<input type=text name=pass>
<input type=button name=mybutton value=submit onclick=myform.submit()>
</form>
文章列表
全站熱搜