[jQuery] 按回车键实现登录

Jquery按回车键提交实现登录的方式分为两种：

   1.按钮提交

   2.表单提交

 

1.按钮提交

$("#LoginIn").off('click').on('click', function(){
    // 登录函数
    LoginIn();  
})   

//提交事件
document.onkeydown = function(e){
       if(!e){
           e = window.event;
       }
       if((e.keyCode || e.which) == 13)    // 13是回车键
       {
             $("#LoginIn").click();
        }
}        

这样，当前页面就绑定了一个回车提交的事件，当不需要这个事件时，只需用下面的代码来解除绑定

document.onkeydown = null;

 

2.表单提交

    下面是一个简单的表单

<form id="loginForm">
        <fieldset>
              <p>
                 <label for="account">Account:</label>
                 <input id="UserName" name="UserName" placeholder="Email address or member ID" type="text" value="">
             </p>
             <p>
                <label for="password">Password:</label>
                <input  id="Password" name="Password" placeholder="Password" type="password" value="">             
             </p>
        </fieldset>
        <input type="submii" id="SignIn" value="Sign In">
</form>

    默认情况下，若浏览器的焦点在表单上，按下回车键表单会自动提交。相反，浏览器焦点不在表单的时候，你也可以绑定回车事件到当前的页面

document.onkeydown = function(e){
       if(!e){
           e = window.event;
       }
       if((e.keyCode || e.which) == 13)    // 13是回车键
       {
             $("#loginForm").submit();
        }
}