https://blog.csdn.net/xushichang/article/details/4041507
正则表达式控制Input输入内容
@H_404_2@ 不能输入中文
<input type="text" name="textfield" onkeyup="this.value=this.value.replace(/[^/da-z_]/ig,‘‘);"/>
只能输入 数字和下划线
<input onkeypress="return (/[/d_]/.test(String.fromCharCode(event.keyCode)))" style="ime-mode:disabled" />
只能输入 数字和小数点
<input onkeypress="return (/[/d.]/.test(String.fromCharCode(event.keyCode)))" style="ime-mode:disabled" />
只允许输入汉字</br>
<input name="username" type="text" onkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,‘‘)">
其一,只允许输入数字和小数点。
<input onKeypress="return (/[/d.]/.test(String.fromCharCode(event.keyCode)))" style="ime-mode:disabled">
其二,判断的更详细一些,甚至22..2这样不算数字也判断得出来
<script>
function check(){
if (isNaN(tt.value))
{alert("非法字符!");
tt.value="";}
}
</script>
<input type="text" name="tt" onkeyup="check();">
其三,只允许输入整数。其实也完全可以根据第三条来举一反三做一些限制。
<script language=javascript>
function onlyNum()
{
if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39))
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
event.returnValue=false;
}
</script><input onkeydown="onlyNum();" style="ime-mode:disabled>
结语,其实
style="ime-mode:disabled
这句是比较实用的。意为关闭输入法。省得有些人开着全角输入数字,结果输入不进去来找你哭天抹泪的,还怪你设计的不好。
只允许输入数字
<input name="username" type="text" onkeyup="value=this.value.replace(//D+/g,‘‘)">
只允许输入英文字母、数字和下划线(以下二种方法实现)
<input name="username" type="text" style="ime-mode:disabled">
<input name="username" type="text" onkeyup="value=value.replace(/[^/w/.//]/ig,‘‘)">
只允许输入英文字母、数字和&[email protected]
<input name="username" type="text" onkeyup="value=value.replace(/[^/[email protected]&]|_/ig,‘‘)">
只允许输入汉字
<input name="username" type="text" onkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,‘‘)">
https://blog.csdn.net/lqh4188/article/details/44037245
1.JS正则验证示例
-
@H_404_2@@H_404_2@@H_404_2@<div> @H_404_2@ @H_404_2@@H_404_2@<%--只可录入数字,直接用正则就可以--%> @H_404_2@ @H_404_2@@H_404_2@<input type= "text" onkeyup="this.value=this.value.replace(/[^0-9.]/g,‘‘)" /> @H_404_2@ @H_404_2@@H_404_2@<%--验证百分比,使用JS正则验证--%> @H_404_2@ @H_404_2@@H_404_2@<input type= "text" onkeyup="this.value=this.value.replace(/[^0-9.]/g,‘‘)" onblur="checkPercent(this)" /> @H_404_2@ @H_404_2@@H_404_2@<%--验证电话号码,使用JS正则验证--%> @H_404_2@ @H_404_2@@H_404_2@<input type= "text" onkeyup="this.value=this.value.replace(/[^0-9.]/g,‘‘)" onblur="checkMobile(this.value)" /> @H_404_2@ @H_404_2@@H_404_2@</div> @H_404_2@ @H_404_2@@H_404_2@<!--JS 正则验证显示--> @H_404_2@ @H_404_2@@H_404_2@<script type= "text/javascript"> @H_404_2@ @H_404_2@@H_404_2@//验证百分比 @H_404_2@ @H_404_2@@H_404_2@function checkPercent(obj) { @H_404_2@ @H_404_2@@H_404_2@if (obj.value != "") { @H_404_2@ @H_404_2@@H_404_2@var str = obj.value; @H_404_2@ @H_404_2@@H_404_2@var pattern = /^([1-9]{1}[0-9]{0,1}|0)(\.\d{1,2}){0,1}$/; @H_404_2@ @H_404_2@@H_404_2@if (!str.match(pattern)) { @H_404_2@ @H_404_2@@H_404_2@alert( "格式错误,有效格式如:88.88%(整数最多两位,小数位最多为两位)"); @H_404_2@ @H_404_2@@H_404_2@obj. value = ""; @H_404_2@ @H_404_2@@H_404_2@obj.focus(); @H_404_2@ @H_404_2@@H_404_2@return false; @H_404_2@ @H_404_2@@H_404_2@} @H_404_2@ @H_404_2@@H_404_2@} @H_404_2@ @H_404_2@@H_404_2@return true; @H_404_2@ @H_404_2@@H_404_2@} @H_404_2@ @H_404_2@@H_404_2@//验证电话 @H_404_2@ @H_404_2@@H_404_2@function checkMobile(s) { @H_404_2@ @H_404_2@@H_404_2@if (trim(s) != "") { @H_404_2@ @H_404_2@@H_404_2@var regu = /^[1][3-8][0-9]{9}$/; @H_404_2@ @H_404_2@@H_404_2@var re = new RegExp(regu); @H_404_2@ @H_404_2@@H_404_2@if (re.test(s)) { @H_404_2@ @H_404_2@@H_404_2@alert(s); @H_404_2@ @H_404_2@@H_404_2@return true; @H_404_2@ @H_404_2@@H_404_2@} else { @H_404_2@ @H_404_2@@H_404_2@alert( "电话录入格式错误"); @H_404_2@ @H_404_2@@H_404_2@return false; @H_404_2@ @H_404_2@@H_404_2@} @H_404_2@ @H_404_2@@H_404_2@} @H_404_2@ @H_404_2@@H_404_2@} @H_404_2@ @H_404_2@
-
@H_404_2@//验证电话 @H_404_2@ @H_404_2@@H_404_2@var checkPhone = function () { @H_404_2@ @H_404_2@@H_404_2@var $phone = $("#memberPhone"); @H_404_2@ @H_404_2@@H_404_2@if (!/^(13[0-9]|14[0-9]|15[0-9]|16[0-9]|17[0-9]|18[0-9])\d{8}$/i.test($phone.val())) @H_404_2@ @H_404_2@@H_404_2@{ @H_404_2@ @H_404_2@@H_404_2@alert( "温馨提示:请输入正确手机号!"); @H_404_2@ @H_404_2@@H_404_2@$phone.focus(); @H_404_2@ @H_404_2@@H_404_2@return; @H_404_2@ @H_404_2@