你的位置:首页 > Java教程

[Java教程]javascript如何阻止点击回车提交表单


javascript如何阻止点击回车提交表单:
大家对回车键的功能应该比较熟悉,比如在windows系统的很多应用程序中,只要点击回车键就可以进入此程序或者开启某项功能,不过有时候我们希望阻止它的功能,例如在填写表单的时候,可能不小心点击回车键造成表单误提交,下面就来简单介绍一下如何实现此功能。代码实例如下:

 

<!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>

 

以上代码可以屏蔽点击回车提交表单的功能。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=8199

更多内容可以参阅:http://www.softwhy.com/javascript/