实现单击或者回车双重登录动作（页面登录的回车事件onkeydown）

逃离我推掉我的手 2022-05-31 11:21 143阅读 0赞

<script type="text/javascript">
    //基于jquery的button默认enter事件(回车事件)
    document.onkeydown = function (e) { 
    	var theEvent = window.event || e;//浏览器兼容性 
    	var code = theEvent.keyCode || theEvent.which; //浏览器兼容性
    	if (code == 13) { //回车键的键码值为13
    		$("#btnlogin").click(); 
    		return false;	//这一句很重要！！！
    	} 
    };
    $(function(){
    $("#btnlogin").click(function (){
        if($("#loginForm").valid()){
    	var url="${ctx}/checkLogin.action";
    		$.post(
    			url,
    			{"user.username":$("#username").val(),"user.password":$("#password").val()},
    			function(data){
    				if(data.retcode=="0"){
    					window.location.href="${ctx}/toUserList.action";
    				}else{
    					alert(data.retmsg);
    					$("#username").select();
    					//$("#username").focus();
    				}
    			}
    		);		
        }		
    });
    });
    </script>

以上是js代码，可以实现回车登录，或者单击登录双重效果。

jsp的表单部分：

<s:form id="loginForm" action="checkLogin" method="post" namespace="/">
    			<label for="username">
    				工  号：
    			</label>
    			<s:textfield id="username" name="user.username"/>
    			<label for="password">
    				密  码：
    			</label>
    			<s:password id="password" name="user.password" /><br/>
    			<input type="button" class="login-sub" value="" id="btnlogin" />
    			<br/>
    </s:form>

发表评论取消回复

表情：

评论列表（有 0 条评论，143人围观）

还没有评论，来说两句吧...

相关阅读

相关为页面添加enter回车事件

一、页面加载完成后就添加该事件 //给enter键添加事件 $(document).ready(function(e) \{ $(this).keydown(funct

朴灿烈づ我的快乐病毒、/ 2024年02月17日 19:43/ 0 赞/ 41 阅读

相关 js点击回车登录

明明是后端开发，现在天天写前端，vue写了又写jsp然后又写jquery，呜呜呜 ( Ĭ ^ Ĭ ) //登录按钮，绑定loginbtn事件 <button

落日映苍穹つ/ 2022年12月08日 01:31/ 0 赞/ 158 阅读

相关 jsp 输入框回车事件 onkeydown 和 onkeypress

例子： HTML： <input id="userName" name="userName" type="text" onKeyPress="doSearch(even

今天药忘吃喽~/ 2022年08月13日 18:38/ 0 赞/ 283 阅读

相关 jsp 输入框回车事件 onkeydown 和 onkeypress

例子： HTML： <input id="userName" name="userName" type="text" onKeyPress="doSearch(even

蔚落/ 2022年06月17日 10:53/ 0 赞/ 517 阅读

相关回车事件

随便写写，逗你玩儿 $(function () { $(document).keydown(function (even

痛定思痛。/ 2022年06月07日 08:48/ 0 赞/ 270 阅读

相关实现单击或者回车双重登录动作（页面登录的回车事件onkeydown）

<script type="text/javascript"> //基于jquery的button默认enter事件(回车事件) document.on

逃离我推掉我的手/ 2022年05月31日 11:21/ 0 赞/ 144 阅读

相关登录绑定回车事件

绑定回车事件写法有很多种，那么以下是我常用的两种方式：先来说一下键盘事件： 1、keydown() keydown事件会在键盘按下时触发. 2、ke

矫情吗；*/ 2022年05月20日 04:13/ 0 赞/ 211 阅读

相关键盘回车事件

点击或回车触发： <script> $(function(){ //点击触发 $('.sou').cl

川长思鸟来/ 2022年01月29日 01:13/ 0 赞/ 459 阅读

相关 vue 添加回车事件实现登录

js源码： created()\{ this.keyupSubmit(); \}, methods: \{ keyupSubmit()\{ //回车事件 do

╰+哭是因爲堅強的太久メ/ 2021年10月24日 05:14/ 0 赞/ 409 阅读

相关 JS监听整个页面的回车事件

1. <script type="text/javascript"> 2. 3. document.οnkeydοwn=keyDownSearc

骑猪看日落/ 2021年06月24日 13:59/ 0 赞/ 459 阅读