利用 keyCode 控制数字输入框

js中event.keycode键值大全 js中event.keycode键值大全,真的很全 立即下载
下面这段代码,可以控制用户只能输入数字、小数点、负号,且数字第一位不可为0:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>lik-input-number</title>
</head>

<body>
<input type="text" class="lik_input_number" style="color:#ccc" value="请输入数字" onfocus="fn_focus(this);"
       onblur="fn_blur(this);">
</body>

<script src="jquery-1.8.1.min.js"></script>
<script>

    // 输入框模拟placeholder

    function fn_focus(ele) {
        if (ele.value == ele.defaultValue) {
            ele.style = "color:#333";
            ele.value = '';
        } else {
            ele.style = "color:#333";
        }
    }

    function fn_blur(ele) {
        var reg = /^[s]*$/;
        if (reg.test(ele.value) || ele.value == ele.defaultValue) {
            ele.style = "color:#ccc";
            ele.value = ele.defaultValue;
        } else {
            ele.style = "color:#333";
        }
    }

    $(function () {
        $('.lik_input_number').live('keydown', function (e) {
            //控制第一个数字不能为0
            if ($(this).val().length > 1 && $(this).val().slice(0, 1) == 0 && $(this).val().slice(1, 2) != '.') {
                $(this).val($(this).val().slice(1, $(this).val().length));
            }
            //控制只能输入数字、小数点、负号
            if ((e.keyCode < 48 || (e.keyCode > 57 && e.keyCode < 96) || (e.keyCode > 105 && e.keyCode < 109) || (e.keyCode > 110 && e.keyCode < 189) || e.keyCode > 190) && e.keyCode != 8) {
                return false;
            }
        });
        $('.lik_input_number').live('keyup', function (e) {
            //控制第一个数字不能为0
            if ($(this).val().length > 1 && $(this).val().slice(0, 1) == 0 && $(this).val().slice(1, 2) != '.') {
                $(this).val($(this).val().slice(1, $(this).val().length));
            }
            //控制只能输入数字、小数点、负号
            if ((e.keyCode < 48 || (e.keyCode > 57 && e.keyCode < 96) || (e.keyCode > 105 && e.keyCode < 109) || (e.keyCode > 110 && e.keyCode < 189) || e.keyCode > 190) && e.keyCode != 8) {
                return false;
            }
        });
    });
</script>
</html>

  

告别密码本!用Windows NPS给华为/华三交换机做Radius认证,SSH登录更安全 本文详细介绍了如何利用Windows NPS实现华为/华三交换机的Radius认证,提升SSH登录安全性。通过集中化管理、精细化控制和完整审计追踪,企业可告别传统密码本,大幅提升网络设备管理效率。文章包含NPS服务部署指南、交换机配置详解及调试技巧,助力企业构建安全高效的统一认证体系。 阅读详情

相关推荐

RC4加密算法详解

RC4(也称为 Rivest Cipher 4)是流密码的一种形式,流密码逐字节操作数据流。RC4 流密码是使用最广泛的流密码之一,它通过算法一次一个字节地加密消息,简单并且操作速度快。RC4是一种在电子信息领域加密的技术手段,用于无线通信网络,是一种电子密码,只有经过授权的用户才能享受该服务,使用 64 位或 128 位密钥大小。它通常用于安全套接层 (SSL)、传输层安全 (TLS) 等应用,也用于 IEEE 802.11 无线 LAN 标准。在存储大量的信息时,RC4展现出它的实用性,面对大量的数据,

weixin_43211186的博客 1万+

键盘数字对应的ASCII码

keycode 1 = 鼠标左键 keycode 2 = 鼠标右键 keycode 3 = Cancel keycode 4 = 鼠标中键 keycode 8 = BackSpace keycode 9 = Tab keycode 12 = Clear(未知) keycode 13 = Enter keycode 16 = Shift_L keycode 17 = Control...

低调的冲击波 701

ChatGPT Plus完整开通指南:从账号注册到稳定使用全流程

自然语言处理(NLP)技术通过深度学习模型实现对人类语言的理解与生成,其核心原理是基于Transformer架构的大规模预训练。GPT-4作为当前最先进的生成式AI模型,在代码编写、文档分析等场景展现出显著的技术价值。在实际应用中,稳定的网络环境和合规的支付方式是确保AI助手持续服务的关键因素。针对ChatGPT Plus的开通,需要系统性地解决账号验证、虚拟信用卡支付等工程实践问题,才能实现工作流的高效整合。

weixin_34239592的博客 428

关于event.keyCode值用String.fromCharCode转换后,小数点变成了奇怪的字符!!

function check(evt) { //var keycode = evt.keyCode; //alert(keycode); alert(String.fromCharCode(190))  // => "¾" alert(String.fromCharCode(evt.keyCode)); alert(evt.keyCode); alert(KeyboardEvent)

always007的博客 2760

宽带波束形成

介绍了宽带波束形成器的时域滤波结构,以及波束响应的计算公式,宽带波束形成器的波束响应可表示为权重向量和方向向量的积

... 2490

Wireshark抓包实战:5个CTF比赛中高频出现的流量分析技巧(附真实案例)

本文分享了Wireshark在CTF比赛和实战渗透中的五个核心流量分析技巧。内容涵盖从宏观统计概览锁定可疑目标、深度解析ICMP与HTTP等协议、追踪重组完整会话流,到利用字符串搜索和命令行工具进行自动化分析。掌握这些高阶技巧能显著提升分析海量网络流量的效率与精准度。

rrr55的博客 261

基于Vue的数字输入框指令

如何实现一个基于Vue的数字输入框指令

qq_37873098的博客 963

全能扫描王的实现(python版本)- 目标检测图像矫正

全能扫描王python代码实现,可用于文件扫描或者是图像校正

搬砖猛女的啃书历程 5490

键码值(keyCode)

 下面这句程序代码是表示什么意思呢? if(!((event.keyCode>=48&&event.keyCode=96&&event.keyCodekeyCode>=48&&keyCode截取键盘按的键。 event.keyCode是按键的码。是按键码....48到57是数字键0到9字母和数字键的键码值(keyCode) 按键 键码 按键 键码 按键 键码 按键 键码 A 65 J 74 S 8

beginL的专栏 1185

初识Renode

1. 简介 Renode是Antmicro公司发布的一个开发框架,使得开发人员通过模拟物理硬件系统(包括CPU、外围设备、传感器、环境以及节点之间的有线或无线介质),加速物联网和嵌入式系统的开发。它可在PC上通过软件对嵌入式设备进行模拟,可模拟Cortex-M、Cortex-A、RISC-V和其他CPU,并可模拟外设以及各种通信总线和接口。其指令模拟器使用C语言开发,外设模拟器使用C#语言开发,测试及输出层面的内容则用python编写。 Renode官网:Renodehttps://renode.io/

牧羊女 5293

CP2102 USB 转 UART 模块 PCB 设计项目

不幸的是,我的笔记本电脑只有 USB 端口,所以我需要在 USB 端口和 UART 接口之间进行转换。PCB 布局将足够小,因此我们不一定需要高速布线 USB 线路,但我们将在此将其作为一个简单的示例来实现,以展示如何在这种类型的电路板上实现它。相反,我们只使用屏幕左侧的电路。在这里,我们利用对之间的间距和到 L1 上的铜灌注的距离将差分阻抗设置为目标值。初始布局分为两个部分:USB 连接器和 USB 线路的 TVS 二极管放置在电路板左侧,带有二极管 D4 和 D5 的引脚接头放置在电路板右侧。

jkh920184196的博客 2401

vue输入框输入限制——指令

vue输入框输入限制——指令

baidu_39009276的博客 1591

专为AI打造的浏览器:内存占用仅为Chrome的1/9、比Chrome快11倍(Docker部署教程,支持飞牛nas等服务器部署)

🚀 专为AI打造的无头浏览器来了! 用Zig从零构建,内存仅Chrome的1/9,速度快11倍,原生CDP协议支持Docker部署,适合爬虫、自动化测试和AI代理应用。✨

XiaoqiangClub的博客 732

利用 keyCode 和 正则 控制数字输入框

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>lik-input-number</title> </head> <body> <input type="text" c...

Lik1024 145

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面,电脑运行连游戏界面都一样大小,很怀旧,很真实,(英文版)强烈推荐,很小的文件,很难才找到的。

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表,创建专业级图表以简化复杂的信息。

java 输入框限制格式_input输入框的限制

1、键入时候保存数字,问题:多个输入框的时候,连续输入非数字,导致删除的非数字出现onkeyup="this.value=this.value.replace(/\D/g,'')"2、onkeypress,返回true和false来设置是否键入type="number" maxlength="4" onkeypress="return (/[1-9][/d]*/.test(String.fromC...

weixin_35969257的博客 585

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

C# | Winform编程控件之数字输入框控件(numericUpDown)

数字输入框控件是用于输入数字和调节数字的一个控件,该控件中的数字储存为decimal类型,但是数字必须是整数而不能是小数。控件在工具箱中的样式如下:控件拖拽到窗口后的样式如下:常用属性:Value属性:控制数字输入框的数字的值(可用控件的向上或者向下符号对数字进行调节也可以自己输入)。Maxmum属性:控制数字输入框的最大值(当输入的值大于最大值或者调节到大于最大值数字输入框则显示的是最大值,超过...

起个名字好难啊 1万+

VB摄像头监控

该VB模块可对摄像头捕获的画面进行录像等,可在创建的窗口进行控制

html中有点击箭头控制数字,JS :通过上下箭头控制文本框中数字增减(KeyDown)

function numTxt_KeyDown(e, eventCtrl) {var e = e ? e : window.event;//IE:eventvar keyCode = e.which ? e.which : e.keyCode; //IE KeyCodeif (keyCode == 38) {//UP Arrowif (!isNaN(eventCtrl.value)) {event...

weixin_32515349的博客 854

EasyUI numbox输入框,金额格式化显示

1.HTML文件 <th id="sellerHopePrices_Th">委托方保留价:</th> <td id="sellerHopePrices_Td"><input id="sellerHopePrices" type="text" ...

weixin_33853794的博客 557

对输入框输入的数字进行格式控制,是很实用的效果

<HTML> <HEAD> <META http-equiv='Content-Type' content='text/html; charset=gb2312'> <TITLE>对输入框输入的数字进行格式控制,是很实用的效果</TITLE> </HEAD> <BODY > <script typ...

weixin_30367873的博客 181

vue限制只能输数字

1.使用修饰符实现数字输入 在VUE中可以在v-modal后添加修饰符的形式来限制输入,比如: <input v-model.number="testValue" type="number"> .number可以实现限制数字输入,但是会有以下问题: 会出现type="number"自带样式,当然可以通过添加以下css清除 /* 普通IE浏览器 样式清除 */ input::-webkit-outer-spin-button,input::-webkit-inner-spin-but

qq_30815659的博客 1万+

Vue 开发一个数字输入框组件

前面的话 关于基础组件介绍,已经更新完了。这篇文章将用组件基础知识开发一个数字输入框组件。将涉及到指令、事件、组件间通信。 基础需求 只能输入数字 设置初始值,最大值,最小值 在输入框聚焦时,增加对键盘上下键的支持 增加一个控制步伐prop-step,例如,设置为10 ,点击加号按钮,一次增加10 项目搭建 在了解需求后,进行项目的初始化: <!DOCTYPE html> &lt...

小柒的前端之旅 2485

利用keycode控制输入框只能输入整数

&lt;input id="input" type="number"/&gt;  @*type="number"可以限制文本框只能输入整数或小数*@ &lt;script&gt;         //只能输入整数         $('#input').keydown(function (e) {             var keyCode = e.keyCode || e.which ||...

zhouxueli32的博客 455

android 自定义安全键盘,android 实现自定义安全键盘 且每次数字随机变换位置

但是没有实现随机键盘 本次以该demo中的数字键盘为例如何在每次打开键盘的时候都变换对应按键的位置在设置自定义键盘keyboardView.setKeyboard(keyboard) 之前 随机排列每一个按键// 这里以数字键盘为例 获取到键盘原有的按键 随机排列 然后在重新赋值for(Keyboard.Key item : keyboardNumberOnly.getKeys()){int...

weixin_29480231的博客 674

键盘数字对应的ASCII码(keycode码)

键盘数字对应的ASCII码(keycode码) keycode 1 = 鼠标左键 keycode 2 = 鼠标右键 keycode 3 = Cancel keycode 4 = 鼠标中键 keycode 8 = BackSpace  keycode 9 = Tab  keycode 12 = Clear(未知)  keycode 13 = Enter  keycode 16 = Shift_L ...

weixin_38917807的博客 5900
上一篇: json 对象 与 json 字符串 互转
下一篇: 利用正则控制数字输入框
Lik1024
博客等级 码龄9年 71粉丝 126原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值