最新消息:文章中包含代码时,请遵守代码高亮规范!

input框常用的正则表达式验证【转载】

HTML+CSS Aimee 209浏览 0评论

在完成项目的过程中,我们经常需要对输入框输入的内容做一定的限制,以下转载的内容整理了input框常用的正则表达式:

1、只是不能输入空格

<input type=“text” onkeyup=“this.value=this.value.replace(/^ +| +$/g,”)”>

2、不能输入空格及英文状态下的逗号

<input type=“text” onkeyup=“this.value=this.value.replace(/[, ]/g,”)”>

3、只能输入数字

<input type=“text” maxlength=“11” onkeyup=”value=value.replace(/[^\d]/g,”) “onbeforepaste=”clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/[^\d]/g,”))”/>

最近发现有可能因为手机输入内容联想可以跳过input 中限制只能输入数字 大家额外注意下把,可以在js中在限制下把!

isNaN();验证非数字类型

4、只能输入英文及数字

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

5、验证首位是汉字

// 汉字

var reg = new RegExp(“[\\u4E00-\\u9FFF]+”,”g”);

if(!reg.test(plateNumber.charAt(0))){

alert(“请输入首位汉字”);

return;

}

6、第二位为英文字母

//验证是英文字母
var regl= /^[A-Za-z]+$/;
if(!regl.test(plateNumber.charAt(1))){
alert(“请输入第二位为英文字母”);
 return;
}

7、后几位是数字英文字母组合

// 英文字母或数字

var regx = /^[A-Za-z0-9]*$/;

var aa = plateNumber.substr(plateNumber.length-5);

if(!regx.test(aa)){

alert(“请输入正确组合”);

return;

}

8、只能输入汉字、英文、数字

<input type=“text”  onkeyup=“value=value.replace(/[^\w\u4E00-\u9FA5]/g, ”)”/>

9、number 慎行 容易引起bug  改变样式    有些英文字母拦截不住比如:e

<input type=“number”>

转载时请注明出处及相应链接,本文永久地址:http://blog.it985.com/22642.html


pay_weixin
pay_weixin
微信打赏
pay_weixin
支付宝打赏
感谢您对作者aimee123的打赏,我们会更加努力!    如果您想成为作者,请点我

您必须 登录 才能发表评论!