iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >JavaScript利用正则表达式来禁止键盘输入数字
  • 647
分享到

JavaScript利用正则表达式来禁止键盘输入数字

2024-04-02 19:04:59 647人浏览 薄情痞子
摘要

今日在看javascript的时候,发现键盘响应时间onkeydown和一些其他的相关事件都停用了keyCode这个属性,而keyCode这个属性返回的是键盘按键的ASCII码值,停

今日在看javascript的时候,发现键盘响应时间onkeydown和一些其他的相关事件都停用了keyCode这个属性,而keyCode这个属性返回的是键盘按键的ASCII码值,停用后有个code属性替代,但也不完全替代,因为code属性返回的是键值本身的值,所以写法也不一样,下面用正则表达式来禁止输入框输入数字,直接上代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>1609</title>
    <script>
        window.onload = function(){
            var inp = document.getElementsByTagName("input")[0];
            inp.onkeydown = function(e){
                if(/\d/.test(e.code)){

                    return false;
                }
                console.log(e.code);
            };
        };
    </script>
</head>
<body>
<input type="text" id="1" />
</body>
</html>

JavaScript中正则表达式的test()方法返回一个bool值,就是文本是否匹配表达式

而使用keyCode写法如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>1609</title>
    <script>
        window.onload = function(){
            var inp = document.getElementsByTagName("input")[0];
            inp.onkeydown = function(e){
                if(e.keyCode >= 48 && e.keyCode <= 57)){

                    return false;
                }
                console.log(e.code);
            };
        };
    </script>
</head>
<body>
<input type="text" id="1" />
</body>
</html>

到此这篇关于JavaScript利用正则表达式来禁止键盘输入数字的文章就介绍到这了,更多相关JavaScript禁止键盘输入数字内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: JavaScript利用正则表达式来禁止键盘输入数字

本文链接: https://www.lsjlt.com/news/150395.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JavaScript利用正则表达式来禁止键盘输入数字
    今日在看JavaScript的时候,发现键盘响应时间onkeydown和一些其他的相关事件都停用了keyCode这个属性,而keyCode这个属性返回的是键盘按键的ASCII码值,停...
    99+
    2024-04-02
  • JavaScript如何利用正则表达式来禁止键盘输入数字
    这篇文章主要介绍“JavaScript如何利用正则表达式来禁止键盘输入数字”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“JavaScript如何利用正则表达式来禁止键盘输入数字”文章能帮助大家解决问...
    99+
    2023-06-30
  • Android EdText编辑框禁止输入表情符号(使用正则表达式)
    使用正则表达式 p s f s NOT_EMOJI = “[\ud83c\udc00-\ud83c\udfff]|[\ud83d\udc00-\ud83d\udfff]|[\u2600-\u27ff]”找了好多个正则表达式,这个还是可以的代...
    99+
    2023-05-31
    android 表情符号 正则表达式
  • 只能输入正整数的正则表达式及常用的正则表达式
    只能输入正整数的正则表达式:^[1-9]\d*$常用的正则表达式:1. 匹配手机号码:^[1][3,4,5,7,8,9]\d{9}$...
    99+
    2023-08-16
    正则表达式
  • 利用正则表达式限制输入到文本框的值
    要使用正则表达式限制输入到文本框的值,可以使用JavaScript中的`pattern`属性和`RegExp`对象。首先,在HTML...
    99+
    2023-09-16
    正则表达式
  • Python利用正则表达式从字符串提取数字
    目录前言利用正则表达式从字符串提取数字附python正则表达式抽取文本中的时间日期总结前言 正则表达式是一个特殊的字符序列,它能帮助你方便的检查一个字符串是否与某种模式匹配。 Pyt...
    99+
    2024-04-02
  • JavaScript中如何利用正则表达式检测小数
    小编给大家分享一下JavaScript中如何利用正则表达式检测小数,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!利用正则表达式,语法“var rep=/[\.]/...
    99+
    2023-06-03
  • C#中怎么利用正则表达式检查数字
    这篇文章将为大家详细讲解有关C#中怎么利用正则表达式检查数字,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。直接调用以下函数进行C#正则表达式数字检查,返回值为true表示输入是数字,反之不是...
    99+
    2023-06-18
  • 如何使用正则表达式对输入数字进行匹配详解
    目录前言:正文:总结前言: 最近有一个区间范围限制,一般255数字以下的都能在网上薅到,但是需要弄一个int16、int32、int64范围的输入限制......在网上逛了很久都没找...
    99+
    2024-04-02
  • Nginx中如何用正则表达式阻止SQL注入
    在Nginx中可以通过使用正则表达式来阻止SQL注入攻击。一种常见的方法是在Nginx的配置文件中使用正则表达式来匹配特定的SQL注...
    99+
    2024-04-29
    Nginx SQL
  • JavaScript中怎么利用正则表达式判断匹配规则
    这篇文章将为大家详细讲解有关JavaScript中怎么利用正则表达式判断匹配规则,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。字符串是编程时涉及到的最多的一...
    99+
    2024-04-02
  • 深入了解JavaScript中正则表达式的使用
    目录一、什么是正则表达式1、正则表达式特点2、正则表达式的使用二、正则表达式中的特殊字符1、正则表达式的组成2、边界符3、字符类4、量词符5、括号总结6、预定义类三、String类中...
    99+
    2024-04-02
  • js输入框如何使用正则表达式校验输入内容
    这篇文章将为大家详细讲解有关js输入框如何使用正则表达式校验输入内容,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。源码如下所示: <!DOCTYPE&nb...
    99+
    2024-04-02
  • C#中怎么利用正则表达式定位字符
    今天就跟大家聊聊有关C#中怎么利用正则表达式定位字符,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。“定位字符”所代表的是一个虚的字符,它代表一个位置,你也可以直观地认为“定位字符”所...
    99+
    2023-06-17
  • 怎么用javascript正则表达式判断质数
    这篇文章主要介绍“怎么用javascript正则表达式判断质数”,在日常操作中,相信很多人在怎么用javascript正则表达式判断质数问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么用javascript...
    99+
    2023-06-30
  • 利用正则表达式匹配浮点型数据
    目录前言:正则表达式Java代码附:正则表达式(同时匹配整型数和浮点数)总结前言: 在开发中我们常常会使用到正则表达式,但很奇怪的是,每次你在使用正则表达式的时候你都发现你不会写,不...
    99+
    2024-04-02
  • Python中怎么利用正则表达式替换字符串
    Python中怎么利用正则表达式替换字符串,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。替换所有匹配的子串用newstring替换subject中所有与正则表达...
    99+
    2023-06-17
  • 怎么使用oracle正则表达式匹配数字
    使用Oracle正则表达式匹配数字的方法如下: 使用REGEXP_LIKE函数进行匹配 例如,要匹配一个整数,可以使用以下表达式...
    99+
    2024-04-09
    oracle
  • C#中怎么利用正则表达式重复描述字符
    C#中怎么利用正则表达式重复描述字符,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。“重复描述字符”是体现C#正则表达式“很好很强大”的地方之一:{n}  匹配前面...
    99+
    2023-06-17
  • js输入框使用正则表达式校验输入内容的示例分析
    这篇文章主要介绍了js输入框使用正则表达式校验输入内容的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。js输入框输入校验 func...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作