JavaScript利用正则表达式来禁止键盘输入数字
更新时间：2022年06月02日 08:46:42 作者：黄钢
本文主要介绍了JavaScript利用正则表达式来禁止键盘输入数字，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
今日在看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禁止键盘输入数字内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
JavaScript整除运算函数ceil和floor的区别分析
这篇文章主要介绍了JavaScript整除运算函数ceil和floor的区别分析,实例分析了ceil和floor函数的使用技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
改变CSS样式分为局部和全局，下面为大家介绍下使用Javascript具体的实现，感兴趣的朋友可以参考下2013-12-12
Javascript摸拟自由落体与上抛运动原理与实现方法详解
这篇文章主要介绍了Javascript摸拟自由落体与上抛运动,结合实例形式分析了Javascript摸拟自由落体与上抛运动相关原理、实现技巧与操作注意事项,需要的朋友可以参考下2020-04-04
JavaScript和ActionScript的交互实现代码
JavaScript和ActionScript的交互实现代码，需要js与flash交互的朋友可以学习下。2010-08-08
由JavaScript中call()方法引发的对面向对象继承机制call的思考
看到这里的call()方法，以前也看过手册，说是对象冒充的，用于继承的。在jQuery源码里有点乱，所以就把这部分提取出来，放在一个单独文件中，来看看具体执行。2011-09-09
这篇文章主要介绍了JavaScript中的对象的extensible属性介绍,JavaScript中，对象的extensible属性用于表示是否允许在对象中动态添加新的property,需要的朋友可以参考下2014-12-12
说明继承机制最简单的方法是，利用一个经典的例子——几何形状。2009-08-08
这篇文章主要为大家详细介绍了JavaScript如何连接连接抖音打印组件实现打印小票功能,文中的示例代码讲解详细,感兴趣的小伙伴可以了解下2024-04-04
JSON是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。本文给大家介绍JS操作JSON方法总结，非常不错具有参考借鉴价值，感兴趣的朋友一起学习吧2016-06-06
在web开发过程中表单验证是比较常见的需求，友好的错误提示能够用户带来极好的用户体验效果，今天小编给大家带来如何使用bootstrap 表单验证功能，一起看看吧2017-01-01
最新评论