input标签输入限制举例

<!-- 只能输入数字和英文 -->
<input onkeyup="this.value=this.value.replace(/[^\w]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\w]/g,''))">

<!-- 只能输入数字 -->
<input onkeyup="this.value=this.value.replace(/[^\d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

javascript正则表达式


/*
邮件地址合法性校验
*/
function isEmail(str) {
	var regu =
"^(([0-9a-zA-Z]+)|([0-9a-zA-Z]+[_.0-9a-zA-Z-]*[0-9a-zA-Z]+))@([a-zA-Z0-9-]+[.])+([a-zA-Z]{2}|net|NET|com|COM|gov|GOV|mil|MIL|org|ORG|edu|EDU|int|INT)$"
var re = new RegExp(regu);
if (str.search(re) != -1) {
	return true;
} else {
	window.alert ("请输入有效合法的E-mail地址 !")
	return false;
}
}

/*
身份证合法性校验
*/
"^//d{17}(//d|x)$"


"^//d+$"//非负整数(正整数 + 0)
"^[0-9]*[1-9][0-9]*$"//正整数
"^((-//d+)|(0+))$"//非正整数(负整数 + 0)
"^-[0-9]*[1-9][0-9]*$"//负整数
"^-?//d+$"//整数
"^//d+(//.//d+)?$"//非负浮点数(正浮点数 + 0)
"^(([0-9]+//.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*//.[0-9]+)|([0-9]*[1-9][0-9]*))$"//正浮点数
"^((-//d+(//.//d+)?)|(0+(//.0+)?))$"//非正浮点数(负浮点数 + 0)
"^(-(([0-9]+//.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*//.[0-9]+)|([0-9]*[1-9][0-9]*)))$"//负浮点数
"^(-?//d+)(//.//d+)?$"//浮点数
"^[A-Za-z]+$"//由26个英文字母组成的字符串
"^[A-Z]+$"//由26个英文字母的大写组成的字符串
"^[a-z]+$"//由26个英文字母的小写组成的字符串
"^[A-Za-z0-9]+$"//由数字和26个英文字母组成的字符串
"^//w+$"//由数字、26个英文字母或者下划线组成的字符串
"^[//w-]+(//.[//w-]+)*@[//w-]+(//.[//w-]+)+$"//email地址
"^[a-zA-z]+://(//w+(-//w+)*)(//.(//w+(-//w+)*))*(//?//S*)?$"//url

=============================================
1.取消按钮按下时的虚线框
在input里添加属性值 hideFocus 或者 HideFocus=true

2.只读文本框内容
在input里添加属性值 readonly

3.防止退后清空的TEXT文档(可把style内容做做为类引用)

4.ENTER键可以让光标移到下一个输入框

5.只能为中文(有闪动)

<input onkeyup=“value=”/value.replace(/[" -~]/g,‘’)"
onkeydown=“if(event.keyCode==13)event.keyCode=9”>

6.只能为数字(有闪动)

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

7.只能为数字(无闪动)

<input ime-mode:disabled"
onkeydown=“if(event.keyCode==13)event.keyCode=9” onKeypress=“if
((event.keyCode<48 || event.keyCode>57)) event.returnValue=false”>

9.屏蔽输入法

<input type=“text” name=“url” ime-mode:disabled"
onkeydown=“if(event.keyCode==13)event.keyCode=9”>

  1. 只能输入 数字,小数点,减号(-) 字符(无闪动)

  1. 只能输入两位小数,三位小数(有闪动)

<input maxlength=9
onkeyup=“if(value.match(/^/d{3}/))value="/value.replace(value,parseInt(value/10))" ;value="/value.replace(//./d*/./g,'."')" onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 || value.match(/^/d{3}/) || //./d{3}$/.test(value))
{event.returnValue=false}” id=text_kfxe name=text_kfxe>

验证数字的正则表达式集

验证数字:[1]*$

验证n位的数字:^\d{n}$

验证至少n位数字:^\d{n,}$

验证m-n位的数字:^\d{m,n}$

验证零和非零开头的数字:^(0|[1-9][0-9]*)$

验证有两位小数的正实数:[2]+(.[0-9]{2})?$

验证有1-3位小数的正实数:[3]+(.[0-9]{1,3})?$

验证非零的正整数:^+?[1-9][0-9]*$

验证非零的负整数:^-[1-9][0-9]*$

验证非负整数(正整数 + 0) ^\d+$

验证非正整数(负整数 + 0) ^((-\d+)|(0+))$

验证字符的正则表达式集

验证长度为3的字符:^.{3}$

验证由26个英文字母组成的字符串:[4]+$

验证由26个大写英文字母组成的字符串:[5]+$

验证由26个小写英文字母组成的字符串:[6]+$

验证由数字和26个英文字母组成的字符串:[7]+$

验证由数字、26个英文字母或者下划线组成的字符串:^\w+$

验证用户密码:[8]\w{5,17}$ 正确格式为:以字母开头,长度在6-18之间,只能包含字符、数字和下划线。

验证是否含有 ^%&',;=?\" 等字符:[^%&',;=?\x22]+

特种验证

验证汉字:[9],{0,}$

验证Email地址:^\w+[-+.]\w+)@\w+([-.]\w+).\w+([-.]\w+)*$

验证InternetURL:^http://([\w-]+.)+[\w-]+(/[\w-./?%&=])?$ ;[10]+://(w+(-w+))(.(w+(-w+)))(?S*)?$

验证电话号码:^((\d{3,4})|\d{3,4}-)?\d{7,8}$

–正确格式为:XXXX-XXXXXXX,XXXX-XXXXXXXX,XXX-XXXXXXX,XXX-XXXXXXXX,XXXXXXX,XXXXXXXX。

验证身份证号(15位或18位数字):^\d{15}|\d{}18$

验证一年的12个月:^(0?[1-9]|1[0-2])$ 正确格式为:“01”-“09”和“1”“12”

验证一个月的31天:^((0?[1-9])|((1|2)[0-9])|30|31)$ 正确格式为:01、09和1、31。

整数:^-?\d+$

非负浮点数(正浮点数 + 0):^\d+(.\d+)?$

正浮点数 ^(([0-9]+.[0-9][1-9][0-9])|([0-9][1-9][0-9].[0-9]+)|([0-9][1-9][0-9]))$

非正浮点数(负浮点数 + 0) ^((-\d+(.\d+)?)|(0+(.0+)?))$

负浮点数 ^(-(([0-9]+.[0-9][1-9][0-9])|([0-9][1-9][0-9].[0-9]+)|([0-9][1-9][0-9])))$

浮点数 ^(-?\d+)(.\d+)?$

价格 ^(0|[1-9][0-9]{0,9})(.[0-9]{1,2})?$

var regNum = new RegExp(‘[11]*$’, 'g’); //是否为数字

var regPrice = new RegExp(‘^(0|[1-9][0-9]{0,9})(.[0-9]{1,2})?$’, ‘g’);

var rsNum = regNum.exec(eindex);

var rsPrice = regPrice.exec(eindex);

<script type="text/javascript">
 function validate() {
 var reg = new RegExp("^[0-9]*$");
 var obj = document.getElementById("name");
 if (!reg.test(obj.value)) {
   alert("请输入数字!");
 }
 if (!/^[0-9]*$/.test(obj.value)) {
   alert("请输入数字!");
 }
}
</script>

只能输入正数和小数点
<input name="price" id="price" required="true" onkeyup="value=value.replace(/[^\d.]/g,'')"/>
 
 
只能输入正数、负数和小数点
<input name="price" id="price" required="true" onkeyup="value=value.replace(/[^\-?\d.]/g,'')"/>

  1. 0-9 ↩︎

  2. 0-9 ↩︎

  3. 0-9 ↩︎

  4. A-Za-z ↩︎

  5. A-Z ↩︎

  6. a-z ↩︎

  7. A-Za-z0-9 ↩︎

  8. a-zA-Z ↩︎

  9. \u4e00-\u9fa5 ↩︎

  10. a-zA-z ↩︎

  11. 0-9 ↩︎

Q.E.D.


行走在天地间自由的灵魂