js点击回车表单提交效果源码实例

本章节介绍一下如何实现点击回车就可以实现表单的提交效果。

下面是一段实现此功能的代码实例和大家分享一下，希望能够给需要的朋友带来帮助。

代码如下:

[ bootstrap ] 运行代码下载代码

<!DOCTYPE html><html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.51qianduan.com/" />
<title>51前端</title>
<script language="javascript">
function check(){
  var formname=document.loginForm;
  if(formname.userName.value==""){
    alert("请输入用户名！");
    formname.userName.focus();
    return false;
  }
  if(formname.pwd.value==""){
    alert("请输入密码！");
    formname.pwd.focus();
    return false;
  }
  formname.submit();
}
  
window.onload=function(){
  var obt=document.getElementById("bt");
  document.body.onkeydown=function(ev){
    var ev=ev||window.event;
    if(ev.keyCode == 13){
      obt.click();
    }
  }
  obt.onclick=function(){
    check();
  }
}
</script>
</head>
<body>
<form name ="loginForm" method="post" action="fuck.html">        
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="69%" height="30">
     <span class="font_04">帐户名</span>
     <input type="text" name="userName" size="18.5">
    </td>
  </tr>
  <tr>
    <td width="69%" height="30">
      <span class="font_04">密　码</span>
      <input type="password" name="pwd" >
    </td>
  </tr>
  <tr>
    <td width="31%" height="30">
      <input type="button" id="bt" value="提交表单"/>
    </td>
  </tr>
</table>
</form>
</body>
</html>

代码描述：js点击回车表单提交。js点击回车表单提交效果源码实例

下载全部收藏

116 155

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册