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.邮件地址验证:

var regu =
“^(([0-9a-zA-Z]+)|([0-9a-zA-Z]+[_.0-9a-zA-Z-]*[0-9a-zA-Z]+))@([a-zA-Z0-9-]+[.])+([a-zA-Z]{2}|net|NET|com|COM|gov|GOV|mil|MIL|org|ORG|edu|EDU|int|INT)$”
var re = new RegExp(regu);
if (s.search(re) != -1) {
return true;
} else {
window.alert (“请输入有效合法的E-mail地址 !”)
return false;
}

6.身份证:

“^\d{17}(\d|x)KaTeX parse error: Got function '\\' with no arguments as superscript at position 18: … 7.17种正则表达式 "^\̲\̲d+”  //非负整数(正整数 + 0)
1[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

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
从给出的引用内容中,我们可以得到两个input正则表达式。 第一个是用于匹配URL的正则表达式:http://(/[\w-] \.) [\w-] (/[\w-./?%&=]*)? 第二个是用于检查输入是否为数字的正则表达式:if( ! /^d*(?:.d{0,2})?$/.test(this.value)) 这个正则表达式会在用户输入keyup(键盘松开)事件触发时被调用,如果输入不符合要求,就会弹出警告框。 除此之外,还有一个用于检查输入是否为整数的正则表达式:if(! /^d $/.test(this.value)) 同样是在keyup事件触发时被调用,如果输入不是整数,同样会弹出警告框。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [input常用的正则表达式JS](https://blog.csdn.net/lml_little/article/details/51161283)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [input正则表达式](https://blog.csdn.net/SKMNB/article/details/129521597)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值