Input输入框js各种限制

最新推荐文章于 2022-07-19 17:30:16 发布
最新推荐文章于 2022-07-19 17:30:16 发布
阅读量485 收藏
点赞数
分类专栏： Input 限制 文章标签： css html bootstrap 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qiuzhihzy123/article/details/106915405
版权
本文介绍了多种使用JavaScript和正则表达式限制HTML输入框输入内容的方法，包括限制输入中文、数字、英文、大小写字母、下划线，以及特定组合如数字和英文、只允许输入数字等。通过这些示例，可以帮助前端开发者更好地控制用户输入的数据格式。
摘要由CSDN通过智能技术生成
  1.   
  2. 输入中文、数字、英文:   
  3. <input οnkeyup="value=value.replace(/[^\w\u4E00-\u9FA5]/g, '')">  
  4.   
  5. 输入数字和字母：
  6. <input onKeyUp="value=value.replace(/[\W]/g,'')">  
  7.  
  8. 输入大小写字母、数字、下划线：
  9. <input type="text" οnkeyup="this.value=this.value.replace(/[^\w_]/g,'');"> 
  10.  
  11. 只能输入英文字母和数字,不能输入中文
  12. <input οnkeyup="value=value.replace(/[^\w\.\/]/ig,'')">
  13.  
  14. 只能输入数字和英文
  15. <input onKeyUp="value=value.replace(/[^\d|chun]/g,'')">
  16.  
  17. 输入小写字母、数字、下划线：
  18. <input type="text" οnkeyup="this.value=this.value.replace(/[^a-z0-9_]/g,'');"> 
  19.  
  20. 输入数字和点
  21. <input type="text" οnkeyup="value=value.replace(/[^\d.]/g,'')">
最低0.47元/天 解锁文章
qiuzhihzy123
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
javascritp实现input输入框相关限制用法
10-30
### JavaScript 实现 Input 输入框相关限制用法 在 Web 开发中，经常需要对用户的输入进行限制或格式化处理，以确保数据的有效性和安全性。本文将详细介绍如何利用 JavaScript 和 HTML 来实现各种输入框限制功能。 ...
input输入框的自动匹配(原生代码)
09-05
以上就是使用原生JavaScript实现输入框自动匹配的基本流程。通过不断优化和调整，可以进一步提高用户体验，例如增加动画效果、限制匹配项数量等。记住，实现这种功能的关键在于理解DOM操作、事件监听以及对用户输入...
Linux Shell编程-正则表达式
qq_43149127的博客
09-11 547
正则表达式要要匹配的内容应该有头有尾，就是说要匹配的的区间应把的的前面部分和后面部分都写出来，匹配的字符串才会更加准确 例如相匹配有a的意思就是匹配内容有无数个a或者没有a的行**a的实际匹配内容是全部内容** **.**就是匹配任意一个字符 以a开头就是^a 以a结尾就是a& [^]的意思就是括号里面的内容取反进行匹配 匹配空白行grep -n “^&” 文件名 找出文件中的...
一行代码限制输入框只能输入数字和字母并限制30个字符
smile_life_的博客
04-26 737
oninput="value=value.replace(/[^\w\.\/]/ig,'');if(value.length>5)value=value.slice(0,30);" )" 如： <input type="text" oninput="value=value.replace(/[^\w\.\/]/ig,'');if(value.length>5)value=value.slice(0,30);" )">
正则表达式简单介绍
qq_54357054的博客
05-30 473
正则表达式，reg，split，字符串上的str.replace()方法等介绍
输入框限制规则 只能输入数字 只能输入字母数字 等等
weixin_49295874的博客
04-09 1639
输入大小写字母、数字、下划线： <input type="text" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');"> 输入小写字母、数字、下划线： <input type="text" onkeyup="this.value=this.value.replace(/[^a-z0-9_]/g,'');"> 输入数字和点 <input type="text" onkeyup="value=value.rep
JavaScript replace()方法限制文本框输入文本类型(数字/字母等)的正则表达式
空山
01-16 3099
以下代码均收集自互联网,部分代码未被测试其正确性,使用过程中，如有错误劳烦在评论中指出。 01.只能输入数字(小数点也不能输入) "this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> 02.只能输入数字及小数点 (1).方法一 "if(
input标签内正则验证
qq_34299273的博客
07-03 3970
//只能输入字母和数字和 \/ . onkeyup="value=value.replace(/[^\w\.\/]/ig,'')" //只能输入字母和数字和 / onkeyup="value=value.replace(/[^\w\/]/ig,'')"1234567 JS只能输入数字，数字和字母等的正则表达式 JS判断只能是数字和小数点 1.文本框只能输入数字代码(小数点也不能输入) "
JS中使用replace动态替换字符串
qq_45525250的博客
11-15 3728
JavaScript replace() 方法 replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串 基础语法 stringObject.replace(regexp/substr,replacement)； var str="hello world!" var strs=str.replace(/hello/g, "nihao"); //console.log(strs); nihao world; 动态操作： var InputIds="
JS通过正则限制 input 输入框只能输入整数、小数(金额或者现金) 两位小数
10-22
主要介绍了JS通过正则限制 input 输入框只能输入整数、小数(金额或者现金) 两位小数的相关资料,需要的朋友可以参考下
防止input框输入的javascript代码
04-13
可以有效的阻止在hutml文档的input框中输入内容，纯手写，经检测可以顺利运行
js限制input标签中只能输入中文
10-24
主要介绍了js限制input标签中只能输入中文的的相关资料,需要的朋友可以参考下
常用正则表达式
阿铭的博客
12-15 3408
1、纯数字 oninput="value=value.replace(/[^\d]/g,'')" 2、数字和小数 oninput="value=value.replace(/[^\d\.]/g,'')"
Js-正则表达式
qq_52827902的博客
02-18 705
1、初体验正则表达式 let hd = 'houdunren2200hdcms9988' console.log(parseInt(hd)); // ---> NaN: not a number console.log(Number.isNaN(parseInt(hd))); // true let numbers = [...hd].filter(value => !Number.isNaN(parseInt(value))); console.log(numbers.join(''
正则 /\D/g
热门推荐
冰的城
09-10 3万+
onKeyUp="this.value=this.value.replace(/\D/g,'');" 红色的是什么意识 /g是什么意思 ----------------------------------- /g是全局匹配 ---------------------------------- js里可以使用perl风格的表达式 /表达式内容/参数 如/\D/g g :
【校验】input-正则表达式限制输入
jieweiwujie的博客
10-28 408
、只能输入数字（小数点不能输入） <input type="text" onkeyup="value=value.replace(/[^\d]/g,'')" > 2、只能输入字母和数字（小数点不能输入） <input onkeyup="value=value.replace(/[^\w\/]/ig,'')"> 3、只能输入字母和数字（小数点可以输入） <input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"> .
js 常见的replace()方法案例
逆风优雅的博客
07-19 3427
replace(/^(\-)*(\d+)\.(\d\d).*$/,"$1$2.$3");//只能输入两个小数。.replace(".","$#$")//1、将数字的点替换成复杂字符$#$.replace(/\.{2,}/g,".")//出现多个点时只保留第一个。.replace(/^\./g,"")//验证第一个字符是数字而不是点。.replace(/\./g,"")//2、将字符串的点直接清掉。.replace(/[^\d.]/g,"")//将非数字和点以外的字符替换成空。...
js replace方法
zxl1990_ok的博客
04-26 2万+
replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串 语法：stringObject.replace(regexp/substr,replacement) 说明：regexp/substr（必须），规定子字符串或要替换的模式的RegExp对象。如果该值是一个字符串，则将它作为要检索的直接量文本模式，而不是首先被转换为RegExp对象。 replacem...
动态设置input输入框date类型限制选择最小日期
最新发布
05-18
可以使用JavaScript来动态设置input输入框的最小日期，具体代码如下： ``` // 获取input元素 var input = document.getElementById("date-input"); // 获取当前日期并将其格式化为yyyy-MM-dd var currentDate = ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

qiuzhihzy123

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值