html 对于input输入的一些限制

最新推荐文章于 2024-08-26 14:29:06 发布

逆鱼顺叶

最新推荐文章于 2024-08-26 14:29:06 发布

阅读量1.3k

点赞数 2

分类专栏： html 文章标签： input 限制

html 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

一：input 输入数字的一些判定：

1. 只能输入正整数，同时禁止了以0开头的数字输入、

2.只能输入正整数：

<input type="text"name="price"id="price"value="" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
οnkeyup="value=value.replace(/[^\d.]/g,'')" />
3.只能输入正整数，负数，小数：

4.只能输入正数，小数：

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

5只能输入数字，同事可以输入小数点：
<input οnkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">
<input name="txt1" οnchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}">

6.只能输入数字代码：

二：input框对字母，汉字，符号的限制：

1.只能输入字母和汉字：
<input οnkeyup="value=value.replace(/[\d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength="10" name="Numbers">
2.只能输入英文字母和数字，不能输入中文：

3.只能输入数字和英文：
<input οnkeyup="value=value.replace(/[^\d|chun]/g,'')">

4.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:
<input οnkeypress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">
5.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:
<input οnkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">

6.输入中文:
<input type="text" οnkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5]/g,'')">

7.输入数字:
<input type="text" οnkeyup="this.value=this.value.replace(/\D/g,'')">

8.输入英文:
<input type="text" οnkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">

9.三个合在一起
<input οnkeyup="value=value.replace(/[^\w\u4E00-\u9FA5]/g, '')">

10.只输入数字和字母：

11.除了英文的标点符号以外其他的人都可以中文，英文字母，数字，中文标点
<input type="text" οnkeyup="this.value=this.value.replace(/^[^!@#$%^&*()-=+]/g,'')">