本篇文章展示了正则表达式实现input只能输入数字、字母相关组合的方法具体操作,代码简明扼要容易理解,绝对能让你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
简介:公司网站做试用用户申请窗口,为防止用户错误输入,给予input适当控制,能够防止用户输入错误,同时也能减少公司垃圾数据,当然,如果更大程度避免垃圾数据,最好还是后端正则验证,下面是我记录的input常用正则表达式,希望能给大家带来方便。
下面是input经常用到正则表达式:
<!doctype html>
<html>
<meta charset="utf-8" />
<body>只允许输入正整数:
<input type='text' onkeyup="this.value=this.value.replace(/^(0+)|[^\d]+/g,'')">
<br/>
<br/>只允许输入英文:
<input type="text" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">
<br/>
<br/>只允许允许输入数字和字母:
<input onKeyUp="value=value.replace(/[\W]/g,'')">
<br/>
<br/>允许输入大小写字母、数字、下划线:
<input type="text" onkeyup="this.value=this.value.replace(/[^\w_]/g,'');">
<br/>
<br/>允许输入小写字母、数字、下划线:
<input type="text" onkeyup="this.value=this.value.replace(/[^a-z0-9_]/g,'');">
<br/>
<br/>允许输入数字和小数点:
<input type="text" onkeyup="this.value=this.value.replace(/[^\d.]/g,'')">
<br/>
<br/>允许输入中文、数字、英文:
<input onkeyup="value=value.replace(/[^\w\u4E00-\u9FA5]/g, '')">
<br/>
<br/>
</body>
</html>
看完上述内容,你们掌握正则表达式实现input只能输入数字、字母相关组合的方法的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注亿速云行业资讯频道,感谢各位的阅读!
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。