最新消息:文章中包含代码时,请遵守代码高亮规范!

键盘的回车键实现验证操作【原创】

用户体验 Aimee 388浏览 0评论

在项目中,为了实现更好的用户体验,当用户按下键盘中的回车键时,需要执行相应的操作,那么,我们如何来实现这个功能呢?

以登录页为例,当用户在最后一个输入框中按下回车键,前面的input框为空时,使空值的input框获取焦点,否则执行登录验证操作。以下举例仅供参考,根据具体需要调整修改:

$(document).on(‘keypress’,’.password’,function(event){

var e = event || window.event || arguments.callee.caller.arguments[0];

var phone = $(‘.phone’).val();

var code = $(‘.code’).val();

var password = $(‘.password’).val();

if (e && e.keyCode == 13) {

if(phone == ”){

alert(‘请输入手机号’);

$(‘.phone’).focus();

return false;

}

if(code == ”){

alert(‘请输入验证码’);

$(‘.code’).focus();

return false;

}

if(password == ”){

alert(‘请输入密码’);

$(‘.password’).focus();

return false;

}

alert(‘连接登录接口,验证登录信息’);

}

})

 

注意:e.keyCode == 13代表键盘上的回车键。password代表定义的最后一个输入框的类名。

转载时请注明出处及相应链接,本文永久地址:https://blog.yayuanzi.com/23526.html


pay_weixin
pay_weixin
微信打赏
pay_weixin
支付宝打赏
感谢您对作者aimee123的打赏,我们会更加努力!    如果您想成为作者,请点我

您必须 登录 才能发表评论!