阻止点击回车提交表单效果代码实例

我心飞翔 分类:实例代码

本章节介绍一下如何阻止点击回车提交表单效果。

在默认情况下,如果表单或者表单元素获取焦点的话,点击回车就会提交表单。

但是在实际应用中,往往需要只点击提交按钮才能够提交表单。

代码实例如下:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.pipipi.net/" /> 
<title>犀牛前端部落</title> 
<script>
window.onload=function(){
  var oform=document.getElementById("theform");
  oform.onkeydown=function(ev){
    var ev=ev||window.event;
    var keycode = ev.which || ev.keyCode;
    return keycode == 13 ?false : true;
  }
}
</script> 
</head> 
<body> 
<form name="theform" id="theform" action="http://www.pipipi.net">
  <div><input type="text"></div>
  <div><input type="text" ></div>
  <div><input type="text" ></div>
  <div><input type="text" ></div>
  <div><input type="text" ></div>
  <div><input type="submit" value="查看效果"></div>
</form>
</body> 
</html>

上面的代码实现了我们的要求,代码比较简单这里就不多介绍了。

网站出售中,有意者加微信:javadudu

回复

我来回复
  • 暂无回复内容