加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

用正则表达式限制文本框只能输入数字,小数点,英文字母,汉字等收

发布时间:2020-12-14 01:57:40 所属栏目:百科 来源:网络整理
导读:1. 文本框只能输入数字代码 ( 小数点也不能输入 ) inputonkeyup="this.value=this.value.replace(/D/g,'')"onafterpaste="this.value=this.value.replace(/D/g,'')" 或 input onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,

1.文本框只能输入数字代码(小数点也不能输入)
<inputonkeyup="this.value=this.value.replace(/D/g,'')"onafterpaste="this.value=this.value.replace(/D/g,'')">

<input onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}">

2.只能输入数字,能输小数点.

<inputtype="text"size="12"onkeyup="this.value=this.value.replace(/[^d.]+?/g,'')"/>
<inputonkeyup="if(isNaN(value))execCommand('undo')"onafterpaste="if(isNaN(value))execCommand('undo')">
<inputname=txt1onchange="if(/D/.test(this.value)){alert('只能输入数字');this.value='';}">

3.数字和小数点方法二
<inputtype=texttvalue=""ovalue=""onkeypress="if(!this.value.match(/^[+-]?d*?.?d*?$/))this.value=this.t_value;elsethis.tvalue=this.value;if(this.value.match(/^(?:[+-]?d+(?:.d+)?)?$/))this.ovalue=this.value"onkeyup="if(!this.value.match(/^[+-]?d*?.?d*?$/))this.value=this.t_value;elsethis.tvalue=this.value;if(this.value.match(/^(?:[+-]?d+(?:.d+)?)?$/))this.ovalue=this.value"onblur="if(!this.value.match(/^(?:[+-]?d+(?:.d+)?|.d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^.d+$/))this.value=0+this.value;if(this.value.match(/^.$/))this.value=0;this.ovalue=this.value}">

4.只能输入字母和汉字
<inputonkeyup="value=value.replace(/[d]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[d]/g,''))"maxlength=10name="Numbers">

5.只能输入英文字母和数字,不能输入中文
<inputonkeyup="value=value.replace(/[^w./]/ig,'')">

6.只能输入数字和英文<fontcolor="Red">chun</font>
<inputonKeyUp="value=value.replace(/[^d|chun]/g,'')">

7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:
<inputonKeyPress="if((event.keyCode<48||event.keyCode>57)&&event.keyCode!=46||/.dd$/.test(value))event.returnValue=false">

8.小数点后只能有最多两位(数字,字母,可以输入运算符号:
<inputonkeyup="this.value=this.value.replace(/^(-)*(d+).(dd).*$/,'$1$2.$3')">






javascript常见的表单输入限制功能,在输入的时候限制用户的输入:

1.文本框只能输入数字代码(小数点也不能输入)
< input onkeyup="this.value=this.value.replace(/D/g,'')" onafterpaste="this.value=this.value.replace(/D/g,'')">

2.只能输入数字,能输小数点.
< input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">
< INPUT onchange="if(/D/.test(this.value)){alert('只能输入数字');this.value='';}" name=txt1>

3.数字和小数点方法二
< input type=text tvalue="" ovalue="" onkeypress="if(!this.value.match(/^[+-]?d*?.?d*?$/))this.value=this.t_value;else this.tvalue=this.value;if(this.value.match(/^(?:[+-]?d+(?:.d+)?)?$/))this.ovalue=this.value" onkeyup="if(!this.value.match(/^[+-]?d*?.?d*?$/))this.value=this.t_value;else this.tvalue=this.value;if(this.value.match(/^(?:[+-]?d+(?:.d+)?)?$/))this.ovalue=this.value" onblur="if(!this.value.match(/^(?:[+-]?d+(?:.d+)?|.d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^.d+$/))this.value=0+this.value;if(this.value.match(/^.$/))this.value=0;this.ovalue=this.value}">

4.只能输入字母和汉字
< input onkeyup="value=value.replace(/[d]/g,'') "onbeforepaste="clipboardData.setData('text',''))" maxlength=10 name="Numbers">

5.只能输入英文字母和数字,不能输入中文
< input onkeyup="value=value.replace(/[^w./]/ig,'')">

6.只能输入数字和英文
< input onKeyUp="value=value.replace(/[^d|chun]/g,'')">

7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号
< input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /.dd$/.test(value))event.returnValue=false">

8.小数点后只能有最多两位(数字,字母,可以输入运算符号
< input onkeyup="this.value=this.value.replace(/^(-)*(d+).(dd).*$/,'$1$2.$3')">

9.只能输入中文:

< input name="realname" type="text" maxlength="20" class="input_style" value="" onkeyup="value=value.replace(/[^u4E00-u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^u4E00-u9FA5]/g,''))" />

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读