登录页面敲击回车实现提交功能

Posted 2020-08-22

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了登录页面敲击回车实现提交功能相关的知识，希望对你有一定的参考价值。

1.在body中添加onkeydown事件，onkeydown就是某个键盘按键被按下。13代表回车键。
<body class="blue-style" onkeydown="on_return();">

2.编写js

<script type="text/javascript">
  function validate(){
        //window.location.href="jsp/frame.jsp"
    //表单验证
    var userCode=document.getElementById("userCode").value;
    var userPassword=document.getElementById("userPassword").value;
    var loginNameSpan=document.getElementById("loginNameSpan");
    var passwordSpan=document.getElementById("passwordSpan");
    
    var flag=false;
    if(userCode==null||userCode==""){
      loginNameSpan.innerhtml="用户编号不能为空";
    }else if(userPassword==null||userPassword==""){
     passwordSpan.innerHTML="用户密码不能为空";
    }else{
            flag=true;
    }

        var actionForm=document.getElementById("actionForm");
        if(flag){
           actionForm.submit();
        }
    }
    
     //回车时，默认是登陆，13代表回车键
 function on_return(){
      if(window.event.keyCode == 13){
                //方法一
          /* if (document.all(loginbutton)!=null){
               document.all(loginbutton).click(); 
               } */
                //方法二
        //document.getElementById("loginbutton").click();
                 //方法三
        validate();
         } 
 }

  </script>


<input type="button" value="登录系统" id="loginbutton" class="input-button" onclick="validate();" />
                <input type="reset"  value="重　　填" class="input-button" />

以上是关于登录页面敲击回车实现提交功能的主要内容，如果未能解决你的问题，请参考以下文章

使用MVC实现登录注册功能（数据保存到数据库）详细讲解以及代码