有时候希望回车键敲在文本框里提交表单,比如搜索行为,但有时候又不希望如此。
这里总结几条规则:
1、如果表单里有一个type="submit"的按钮,回车键生效。
<form id="form">
<input type="text" name="t1" />
<input type="text" name="t2" />
<input type="submit" value="提交" />
</form>
2、如果表单里面只有一个type="text"的input,不管按钮是什么type,回车键生效。
<form id="form">
<input type="text" name="t1" />
<input type="button" value="提交" />
</form>
3、如果按钮是用button,并且没有加type,默认type="submit"。
<form id="form">
<input type="text" name="t1" />
<input type="text" name="t2" />
<button>提交</button>
</form>
我们除了上面方法还可以使用js 来实现.
如果在页面中按Enter键会自动提交的话,可以设置返回值防止自动提交如<input id="q" name="q" type="text" onkeypress="javascript:return gosearch();">返回值必须是false
function gosearch()
{
if(window.event.keyCode == 13)
{
search();
return false;
}
}
或者直接在form中写
<form name="form1" action="action/soft_add_action.php" enctype="multipart/form-data" method="post" onkeydown="if(event.keyCode==13)return false;" onSubmit="return checkSubmit();">
或参考下面的代码:
<html>
<head>
<title>禁止按回车键提交表单</title>
</head>
<body>
<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>
您可以在"myform.submit()"函数里加入表单判断,和一般的表单判断一样,只是改一下函数名。
</body>
</html>