跳转到主内容
新派编程网 - 新潮编程理念,全新技术课堂!

如何实现jquery回车登录效果

这次给大家带来如何实现 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(); } }); });
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网 其它 相关文章! 推荐阅读: 基于jQuery的AJAX和JSON的实例 中文WORD版 本文档主要讲述的是基于jQuery的AJAX和JSON的实例;过jQuery内置的AJAX功能,直接访问后台获得JSON格式的数据,然后通过jQuer把数据绑定到事先设计好的html模板上,直接在页面上显示。有需要的朋友可以下载看看 下载 使用DOM的一些小结 怎样做出京东商品详情的放大镜效果

相关文章