javascript 控制input只允许输入的各种指定内容

最新推荐文章于 2022-12-31 19:48:36 发布

恰克与飞鸟.

最新推荐文章于 2022-12-31 19:48:36 发布

阅读量826

点赞数

分类专栏： JavaScript

5 篇文章

订阅专栏

博客汇总了多种输入字符类型的限制规则，包括只允许输入数字、大小写英文字母与数字和下划线、汉字、英文和数字等，还提及不能输入特殊字符、只能输入数字和小数点等情况，并给出了原文链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.只允许输入数字

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

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

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

方法二：

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

3.只允许输入汉字

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

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

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

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

6.不能输入特殊字符

<input name = "name" type = "text" onkeyup="value=value.replace(/[\W]/g,'') onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

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

<input name  = "username" type = "text" onkeyup="this.value=this.value.replace(/[^\0-9\.]/g,'');">

8.只允许输入英文

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

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

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

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

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

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

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

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

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