JavaScript 限制input 输入值

矫情吗；* 2022-02-13 17:13 322阅读 0赞

![在这里插入图片描述][20190428142233854.png]

1.只允许输入数字

<input name="username" type="text"   οnkeyup="value=this.value.replace(/\D+/g,'' )">

2.只允许输入输入大小写英文字母，数字和下划线  
方法一：

<input name="username" type="text"  οnkeyup="value=value.replace(/[^\w\.\/]/ig,'')">

方法二：

<input name  = "username" type = "text" οnkeyup="this.value=this.value.replace(/[^a-zA-Z0-9_]/g,'');">

3.只允许输入汉字

<input name = "name" type = "text" οnkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')">

4.只允许输入英文和数字

<input name  = "username" type = "text" οnkeyup="this.value=this.value.replace(/[^\a-\z\A-\Z0-9]/g,'');">

5.只允许输入问问字幕，数字和=&%

<input name  = "username" type = "text" οnkeyup="this.value=this.value.replace(/[^a-zA-Z0-9=&%]/g,'');">

6.不能输入特殊字符

<input name = “name” type = “text” οnkeyup="value=value.replace(/\[\\W\]/g,’’)  
onbeforepaste=“clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/\[^\\d\]/g,’’))”>

7.只能输入数字和小数点

<input type="text"  onkeyup="this.value=this.value.replace(/[^\d.]/g,'')"  />

8.只允许输入英文

<input name  = "username" type = "text" οnkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'');">

9.只允许输入英文，数字，中文

<input name = “username” type = “text” οnkeyup=“this.value=this.value.replace(/\[^\\a-\\z\\A-\\Z0-9\\u4E00-\\u9FA5\]/g,’’);”>

10.只允许输入英文，数字，中文，小数点

<input name  = "username" type = "text" οnkeyup="this.value=this.value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'');">

11.只允许输入英文，数字，中文，小数点，下划线

<input name  = "username" type = "text" οnkeyup="this.value=this.value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\._]/g,'');">

1.  禁止输入空格：

<input  type="text"  onkeyup="this.value = this.value.trim()" />

1.  禁止特殊字符串： 这里禁止输入： <>?

<input  type="text"  onkeyup="this.value=this.value.replace(/[<>?]/,'')" />

这里记了一些常用的正则：  
https://blog.csdn.net/freedomVenly/article/details/78732923

[20190428142233854.png]: /images/20220213/b5b8091ecb354ad08098a325cb116045.png

发表评论取消回复

表情：

评论列表（有 0 条评论，322人围观）

还没有评论，来说两句吧...

相关阅读

相关 input输入框限制不同情况

1.限制input输入框只能输入大小写字母、数字、下划线的正则表达式： <el-input type="text" onkeyup="this.value=this.

浅浅的花香味﹌/ 2024年03月17日 09:40/ 0 赞/ 48 阅读

相关 input 输入限制大全

1、只能输入数字 <el-input onkeyup="value=value.replace(/[^\d]/g,'')"></el-input> 中能输入金

ゝ一世哀愁。/ 2022年12月25日 04:50/ 0 赞/ 172 阅读

相关限制input输入长度与内容

1、限制输入长度如果输入的是数字(type是number类型)，通过监听input事件再通过slice进行截取限制长度 <input type="numbe

浅浅的花香味﹌/ 2022年12月04日 09:21/ 0 赞/ 223 阅读

相关正则表达式限制input的输入值

1.只能输入数字 <input type="text" maxlength="11" οnkeyup='this.value=this.value.replace(/\\D/

电玩女神/ 2022年08月22日 04:45/ 0 赞/ 175 阅读

相关【JavaScript】——限制文本框输入内容

这几天，项目开始走测试流程了，组长让我们都把做过的功能的细节方面，完善一下。限制文本框输入长度啊，弹出框样式啊。然后，就开始了漫长补洞的时间。项

女爷i/ 2022年07月19日 11:53/ 0 赞/ 285 阅读

相关【html】input限制输入

原博客地址：[https://www.cnblogs.com/phpfensi/p/7298617.html][https_www.cnblogs.com_phpfensi_p

柔光的暖阳◎/ 2022年06月02日 11:55/ 0 赞/ 235 阅读

相关限制input输入类型(多种方法实现)

1.只能输入和粘贴汉字 <input οnkeyup="value=value.replace(/\[^\\u4E00-\\u9FA5\]/g,'')" onbefor

约定不等于承诺〃/ 2022年06月02日 00:10/ 0 赞/ 225 阅读

相关 HTML Input标签输入限制

只能输入中文 <input type="text" onkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5]/

小鱼儿/ 2022年05月25日 11:06/ 0 赞/ 211 阅读

相关 JavaScript 限制input 输入值

![在这里插入图片描述][20190428142233854.png] 1.只允许输入数字 <input name="username" type="te

矫情吗；*/ 2022年02月13日 17:13/ 0 赞/ 323 阅读

相关 input 输入框限制

只能输入数字和一个小数点转自： https://www.jianshu.com/p/c26bfb0dfd8d <label> 　　<input id="t

红太狼/ 2021年12月23日 00:23/ 0 赞/ 418 阅读