php 回车自动登录,利用jquery点击回车键实现登录效果(详细教程)

下面我就为大家分享一篇jquery点击回车键实现登录效果并默认焦点的方法,具有很好的参考价值,希望对大家有所帮助。

最近在做项目登录时,每次都需要点击登录按钮才可以进入相应的页面,给用户一个很不好的体验,所以我就添加使用回车键来实现登录。

方法:

登录

$(function () {

$('#username_txt').focus();

//用户点击按钮

$("#login_btn").click(function () {

//获取用户名

var username = $('#username_txt').val();

//获取密码

var userpass = $('#userpass_txt').val();

if (username == "" || userpass == "") { alert("用户名密码不能为空!"'); }

else {

//调用登录方法

$.ajax({

});

}

});

$("body").keydown(function(event) {

if (event.keyCode == "13") {//keyCode=13是回车键

$("#login_btn").click();

}

});

});

最终效果图:

c0e1b4f2c0963ffc2da99e258e19e1fd.png

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值