input输入框只能输入数字、字母相关组合(正则表达式)

2019-06-29 21:53:40  阅读 4704 次 评论 0 条

直接上代码:

<!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>


演示:

只允许输入正整数:

只允许输入英文:

只允许允许输入数字和字母:

允许输入大小写字母、数字、下划线:

允许输入小写字母、数字、下划线:

允许输入数字和小数点:

允许输入中文、数字、英文:


微信扫码查看本文
本文地址:https://www.yangguangdream.com/?id=2037
版权声明:本文为原创文章,版权归 编辑君 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

还没有留言,还不快点抢沙发?