您的位置:首页 > Web前端 > JavaScript

Javascript屏蔽回车提交表单

2015-05-20 16:56 483 查看
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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息