JavaScript阻止回车提交表单的方法
时间：2020-11-09 17:43:41|栏目：JavaScript代码|点击： 次
大家对回车键的功能应该比较熟悉，比如在windows系统的很多应用程序中，只要点击回车键就可以进入此程序或者开启某项功能，不过有时候我们希望阻止它的功能，例如在填写表单的时候，可能不小心点击回车键造成表单误提交，下面就来简单介绍一下如何实现此功能。代码实例如下:
如何防止回车（enter）键提交表单，其实很简单，就一句话。onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了。
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>屏蔽回车提交表单功能</title>
<script type="text/javascript">
window.onload=function()
{
var myform=document.getElementById("myform");
myform.onkeypress=function(ev)
{
var ev=window.event||ev;
if(ev.keyCode==13||ev.which==13)
{
return false;
}
}
}
</script>
</head>
<body>
<p>在表单中回车默认会提交表单，在form的onkeypress事件中处理，只要返回false就可禁用回车提交表单</p>
<form id="myform">
<input type="text" name="username"/>
<input type="submit" value="提交"/>
</form>
</body>
</html>
栏 目：JavaScript代码
下一篇：把textarea中字符串里含有的回车换行替换成<br>的javascript代码
本文地址：http://www.codeinn.net/misctech/20555.html
