小案例-键盘事件keycode实现登录

主要注释内容代码块里面已经写有

<script>
        // 判断当用户名或者密码长度

        // 使用键盘回车键enter跳转
        $('body').keydown(function (event) {
            if (event.keyCode == 13) {//13是键盘事件的的keycode值,对应的是键盘的enter键
                // 当键盘按下enter键的时候,会触发 #btn 的click()事件
                $('#btn').click()
            }
        })

        // 使用鼠标点击跳转
        $('#btn').click(function () {
            userN = $('#username').val().length;
            pasS = $('#password').val().length;
            len = pasS && userN;
            if (len == '') {
                alert('请完善登录信息');
            } else if (userN >= 5 || pasS >= 8) {
                // alert(1)
                if (pasS > 8) {
                    alert('秘密长度小于8位数')
                } else {
                    window.open("Two/index.html");
                }

            } else {
                alert('用户名或者密码的长度小于5')
            }
        })
    </script>

原文地址:https://www.cnblogs.com/yohe/p/12230198.html

时间: 2024-08-07 12:49:35

小案例-键盘事件keycode实现登录的相关文章

捕获enter键盘事件绑定到登录按钮

/** *捕获enter键盘事件绑定到登录按钮 */ function keyLogin(event) { if (event.keyCode == 13) { document.getElementById("login_button").click(); } }

小程序键盘事件input框

<view class="serch"> <input type="text" name="search_input" bindconfirm="inputTyping" class="lf search_input search" focus="true" value="{{search_input_value}}" confirm-type=&q

Javascript 键盘事件

window.document.onkeydown = function (e) { var evt = window.event || e;//兼容性处理 var keycode = evt.keyCode; switch (keycode) { case 37://左 pgwSlideshow.previousSlide(); break; case 39://右 pgwSlideshow.nextSlide(); break; } }; Javascript的键盘事件 keyCode 37

JS模拟键盘事件 -- 原理及小例子

小例子: (Chrome下可用,其他浏览器未测试,使用新方法,暂不考虑兼容性) 代码如下: 1 <input type="button" tabindex="-1" value="点点点点点" id="btn"> 2 <input type="text" placeholder="1"> 3 <input type="text" plac

《java入门第一季》之类小案例(模拟用户登录)

首先是做一个用户登录的小案例.在此基础上加入其它逻辑. import java.util.Scanner; /* * 模拟登录,给三次机会,并提示还有几次.如果登录成功,就可以玩猜数字小游戏了. * * 分析: * A:定义用户名和密码.已存在的. * B:键盘录入用户名和密码. * C:比较用户名和密码. * 如果都相同,则登录成功 * 如果有一个不同,则登录失败 * D:给三次机会,用循环改进,最好用for循环. */ public class StringTest2 { public st

JS——事件详情(键盘事件:keyCode、ctrlKey...)

键盘事件 1>keyCode 1)keyCode方法——即:获取用户按下键盘所对应的键值 2)案例:键盘控制div移动 案例代码如下图: 2>其他属性 1)ctrlKey.shiftKey.altKey(这三个的用法相同) 用法:ctrlKey 事件属性可返回一个布尔值,指示当事件发生时,Ctrl 键是否被按下并保持住.若点击了ctrl键,则为true:反之则为false: 但,需要注意的是:alt键,因为是关联到计算机系统 本身的按键,所以建议少用altKey这个方法. 2)案例:提交留言

小案例带你揭秘JS事件

小案例带你揭秘JS事件 ### 什么是事件? 在js中一个事件的组成由那些呢? 谁触发事件:事件源 触发什么事件: 事件的类型 触发事件干什么事:事件处理函数 事件传播的过程 捕获阶段 就是从window事件处理函数开始,依次向内,只要事件目标的事件处理函数都会执行 执行顺序是从上到下的函数执行顺序 目标阶段 你触发在哪个元素上那么这个事件的目标源就是谁 冒泡阶段 从事件目标的时间处理函数开始,依次向外,知道window的事件处理函数触发 执行顺序是从内到外的 事件委托 就是我们把要做的事情委托

事件——键盘事件中keyCode、which和charCode 的兼容性

keyCode: IE.Chrome支持,在FF下,keyCode返回非字符按键的Unicode,如果是字符按键返回始终为0. which:   FF,Chrome支持:在IE下,which和charCode始终为undefined ,jquery方式下和keyCode值相同. charCode:   Chrome支持,在FF下,非字符键返回0,如果是字符按键返回Unicode <!DOCTYPE html> <html> <head> <title><

更正之前《登录小案例》密码错3次15分钟内不准登录的代码逻辑

之前写的一篇 数据库查询的一般写法:从登陆验证小案例中得到的一些启示和经验.是有点问题的. 问题在于判断15分钟内密码错误的代码. 原代码如下: //使用using对SqlDataReader进行资源管理 using (SqlDataReader dr = cmd.ExecuteReader()) { if (dr.HasRows) { dr.Read(); if (dr.GetInt32(5) > 15) { //重置uErrTimes SqlHelper.ResetErrTimes(dr.G