input正则表达式

第一：限制只能是整数

<input type = “text” name= “number” id = ‘number’ οnkeyup= “if(! /^d+$/.test(this.value)){alert(‘只能整数’);this.value=‘’;}” />
如果不是整数就直接alert

第二：限制是两位的小数

<input type = “text” name= “price” id = ‘price’ οnkeyup= “if( ! /^d*(?:.d{0,2})?$/.test(this.value)){alert(‘只能输入数字，小数点后只能保留两位’);this.value=‘’;}” />
原理：

通过正则表达式判断，不满足执行alert。

第一个正则表达式是 /^d+$/ 表示可以是一个或者多个数字

第二个正则表达式是

/^d*(?:.d{0,2})?$/
表示必须是数字开头，数字结尾。

这里重点是要数字结尾，在计算机中通常小数 1. , 2. 这种写法，就是可是小数点结尾的，是正确的。这里强制让数字结尾。

test()

只要找到满足的部分就返回真。

意思是是

/d/. test ( ‘a’ ) // false
/d/. test ( ‘a’ ) // true
/d/. test ( ‘a’ ) // true
所以要保证谁开头谁结尾。开头用 $, 结尾用 ^

下面给大家介绍js正则限制input框输入的常用代码

1.只能输入数字和英文的：

<input οnkeyup="value=value.replace(/[\W]/g,‘’) "
onbeforepaste=“clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/[^\d]/g,‘’))”
ID=“Text1” NAME=“Text1”>
2.只能输入数字的：

<input οnkeyup="value=value.replace(/[^\d]/g,‘’) "
onbeforepaste=“clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/[^\d]/g,‘’))”
ID=“Text2” NAME=“Text2”>
3.只能输入全角的：

<input οnkeyup=“value=value.replace(/[^\uFF00-\uFFFF]/g,‘’)”
onbeforepaste=“clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/[^\uFF00-\uFFFF]/g,‘’))”
ID=“Text3” NAME=“Text3”>
4.只能输入汉字的：

<input οnkeyup=“value=value.replace(/[^\u4E00-\u9FA5]/g,‘’)”
onbeforepaste=“clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/[^\u4E00-\u9FA5]/g,‘’))”
ID=“Text4” NAME=“Text4”>
5.邮件地址验证：

6.身份证：

“^\d{17}(\d|x)KaTeX parse error: Got function '\\' with no arguments as superscript at position 18: … 7.17种正则表达式 "^\̲\̲d+”　　//非负整数（正整数 + 0）
“¹[1-9][0-9] " / / 正整数 " ( ( − d + ) ∣ ( 0 + ) ) "　　//正整数 "^((-\\d+)|(0+)) "　　//正整数"((−d+)∣(0+))”　　//非正整数（负整数 + 0）
“^-[0-9][1-9][0-9] " / / 负整数 " − ? d + "　　//负整数 "^-?\\d+ "　　//负整数"−?d+”　　　　//整数
“^\d+(\.\d+)? " / / 非负浮点数（正浮点数 + 0 ） " ( ( [ 0 − 9 ] + . [ 0 − 9 ] ∗ [ 1 − 9 ] [ 0 − 9 ] ∗ ) ∣ ( [ 0 − 9 ] ∗ [ 1 − 9 ] [ 0 − 9 ] ∗ . [ 0 − 9 ] + ) ∣ ( [ 0 − 9 ] ∗ [ 1 − 9 ] [ 0 − 9 ] ∗ ) ) "　　//非负浮点数（正浮点数 + 0） "^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)) "　　//非负浮点数（正浮点数+0）"(([0−9]+.[0−9]∗[1−9][0−9]∗)∣([0−9]∗[1−9][0−9]∗.[0−9]+)∣([0−9]∗[1−9][0−9]∗))”　　//正浮点数
“^((-\d+(\.\d+)?)|(0+(\.0+)?)) " / / 非正浮点数（负浮点数 + 0 ） " ( − ( ( [ 0 − 9 ] + . [ 0 − 9 ] ∗ [ 1 − 9 ] [ 0 − 9 ] ∗ ) ∣ ( [ 0 − 9 ] ∗ [ 1 − 9 ] [ 0 − 9 ] ∗ . [ 0 − 9 ] + ) ∣ ( [ 0 − 9 ] ∗ [ 1 − 9 ] [ 0 − 9 ] ∗ ) ) ) "　　//非正浮点数（负浮点数 + 0） "^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))) "　　//非正浮点数（负浮点数+0）"(−(([0−9]+.[0−9]∗[1−9][0−9]∗)∣([0−9]∗[1−9][0−9]∗.[0−9]+)∣([0−9]∗[1−9][0−9]∗)))”　　//负浮点数
“^(-?\d+)(\.\d+)? " / / 浮点数 " [ A − Z a − z ] + "　　//浮点数 "^[A-Za-z]+ "　　//浮点数"[A−Za−z]+”　　//由26个英文字母组成的字符串
“²+ " / / 由 26 个英文字母的大写组成的字符串 " [ a − z ] + "　　//由26个英文字母的大写组成的字符串 "^[a-z]+ "　　//由26个英文字母的大写组成的字符串"[a−z]+”　　//由26个英文字母的小写组成的字符串
“³+KaTeX parse error: Got function '\\' with no arguments as superscript at position 27: …个英文字母组成的字符串 "^\̲\̲w+”　　//由数字、26个英文字母或者下划线组成的字符串
“⁴+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+ " / / e m a i l 地址 " [ a − z A − z ] + : / / ( w + ( − w + ) ∗ ) ( . ( w + ( − w + ) ∗ ) ) ∗ ( ? S ∗ ) ? "　　　　//email地址 "^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)? "　　　　//email地址"[a−zA−z]+://(w+(−w+)∗)(.(w+(−w+)∗))∗(?S∗)?”　　//url
1.取消按钮按下时的虚线框

在input里添加属性值 hideFocus 或者 HideFocus=true

2.只读文本框内容

在input里添加属性值 readonly

3.防止退后清空的TEXT文档(可把style内容做做为类引用)

4.ENTER键可以让光标移到下一个输入框

<input οnkeydοwn=“if(event.keyCode==13)event.keyCode=9” >
5.只能为中文(有闪动)

<input οnkeyup=“value=”/value.replace(/[" -~]/g,‘’)"
οnkeydοwn=“if(event.keyCode==13)event.keyCode=9”>
6.只能为数字(有闪动)

<input οnkeyup=“value=”/value.replace(/["^\d]/g,‘’)
"onbeforepaste=“clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/[^\d]/g,‘’))”>
7.只能为数字(无闪动)

<input ime-mode:disabled"
οnkeydοwn=“if(event.keyCode==13)event.keyCode=9” onKeypress=“if
((event.keyCode<48 || event.keyCode>57)) event.returnValue=false”>
8.只能输入英文和数字(有闪动)

<input οnkeyup=“value=”/value.replace(/[\W]/g,“‘’)”
onbeforepaste=“clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/[^\d]/g,‘’))”>
9.屏蔽输入法

<input type=“text” name=“url” ime-mode:disabled"
οnkeydοwn=“if(event.keyCode==13)event.keyCode=9”>
10. 只能输入数字，小数点，减号（-）字符(无闪动)

11. 只能输入两位小数，三位小数(有闪动)

<input maxlength=9
οnkeyup=“if(value.match(/^\d{3}KaTeX parse error: Undefined control sequence: \d at position 80: …lue.replace(/\.\̲d̲*\./g,'."')" on…/) || /.\d{3}$/.test(value))
{event.returnValue=false}” id=text_kfxe name=text_kfxe>
密码的强度必须是包含大小写字母和数字的组合，不能使用特殊字符，长度在8-10之间。

^(?=.\d)(?=.[a-z])(?=.*[A-Z]).{8,10}$
2. 校验中文

字符串仅能是中文。

⁵{0,}$
3. 由数字、26个英文字母或下划线组成的字符串

^\w+$
4. 校验E-Mail 地址

同密码一样，下面是E-mail地址合规性的正则检查语句。

[\w!# %&'*+/=?^_`{|}~-]+(?:\\.[\\w!# %&'+/=?^_`{|}~-]+)@(?:\w?\.)+\w?
5. 校验身份证号码

下面是身份证号码的正则校验。15 或 18位。

15位：

⁶\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$
18位：

⁷\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$
6. 校验日期

“yyyy-mm-dd“ 格式的日期校验，已考虑平闰年。

^(?

input正则表达式相关推荐

php正则匹配input,正则表达式 - php正则匹配p标签及带特定的中文
easyui在录入的时候如果录入html标签,则在datagrid显示的是标签,但是在input或者textarea里显示的又是正常的,将对应的符号转换成html代码则datagrid显示正常,inp ...
细说php2[正则表达式学习笔记]
<细说php>这本书应该是每个php程序员入门的必读书籍,里面讲的很多知识都很系统和详细,看了正则这部分,并练习了里面的案例,发现自己已经会了很多.... header('Content- ...
system 后门 php,php后门的编写
0x1 原理 1.执行系统命令的函数 proc_open, popen, exec, shell_exec,passthru,system 这里只给出两个例子,其他的可以查看php手册编写 syste ...
(itext5) itext-pdf同一段落设置中文/西文2种不同字体
(itext5) itext-pdf中没找到能直接将Paragraph设置中文.西文2种不同字体的方法,所以暂时通过Chunk来实现这一功能. 思路:遍历字符串,依次得到连续的中文/西文串,然后根据它 ...
如何使textbox只能输入数字和小数点
两种方法,一种是通过INPUT+正则表达式, 如下 <input type="text" size="12" onpropertychange=" ...
js进阶正则表达式14验证邮编（input的pattern属性）（正则表达式加起^始$）
js进阶正则表达式14验证邮编(input的pattern属性)(正则表达式加起^始$) 一.总结 1.input的pattern属性:里面可以直接放正则表达式,<input type=&quo ...
正则表达式--限制input输入0~1之间的小数，含0,1，最多两位小数
一个简单的正则表达式,工作中可能经常用到,限制字符串的输入.数字的输入,这些用一个onkeyup就解决了,如:οnkeyup="value=value.replace(/[^\d]/g,'' ...
2021-4-27 工作记录--input和textarea出现边框部分失踪+让多个文本输入框左侧对齐+电话号码的正则表达式+图片和文字没有对齐+jQuery滚动视觉差插件+清除浮动
一.input和textarea在不同屏幕尺寸下出现边框部分失踪的问题 1.解决方法给input和textarea设置border 2.使用例子代码: 结果: 二.让多个文本输入框左侧对齐代码: ...
el-input中，输入input和失去焦点blur时进行校验——正则表达式之只能输入数字和大写字母只能输入数字颜色值的正则表达式-3位和6位标签的回车事件
el-input中,输入input和失去焦点blur时进行校验--正则表达式之只能输入数字和大写字母 & 只能输入数字 & 颜色值的正则表达式-3位和6位 & 标签的回车事件 ...

input正则表达式

input正则表达式相关推荐

最新文章

热门文章