回车焦点到下一个控件

1.如果表单里有 type="submit" 控件,按回车会自动提交表单,要在表单加上  οnkeypress="if(event.keyCode==13||event.which==13){return false;}" 取消回车提交的功能。

2.将提交按钮写到表单外面,通过JS提交,避免了回车提交表单的干扰。

回车到下一个控件的方法:

$(function() {
		$("input[name='username']").focus();    //默认焦点
		$("input[name='username']").keyup(function(e) {
			var event = e;
			var code = event.keyCode || event.which || event.charCode;
			
			if(code == 13){   //code = 13 表示按下了回车
				$("input[name='password']").focus();
			}
		});
		$("input[name='password']").keyup(function(e) {
			var event = e || window.event;
			var code = event.keyCode || event.which || event.charCode;
			if(code == 13){
				$("input[name='code']").focus();  //验证码框
			}
		});
		$("input[name='code']").keyup(function(e) {
			var event = e;
			var code = event.keyCode || event.which || event.charCode;
			if(code == 13){
				login();//提交表单
			}
		});
	});
function login() {
        if ($("input[name='username']").val() == ""
                || $("input[name='password']").val() == "") {
            $("#showMsg").html("用户名或密码为空,请输入");
            $("input[name='username']").focus();
        } else {
            $("#loginForm").form('submit');
}


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值