正则表达式+HTML

非法输入的两种报错处理：
只能输入数字（非法输入将弹出提示对话框）
true:0|123|0123|... false:a|12c|1.|...
只能输入数字（非法输入将直接替换为空）
true:0|123|0123|... false:a|12c|1.|...
后文中统一使用第二种（非法输入将直接替换为空）

1.只能输入数字
true:0|123|0123|...false:a|12c|1.|...
2.只能输入数字和英文的
true:0|A|a|... false:-|a*|1.|...
3.只能输入中文的
true:哈哈哈|... false:a|12c|1.|...
4.只能输入大小写英文
true:abc|ABC|... false:a1|a.|...
5.只能输入非负有理数
true:0.1|12|12.3|...false:.0|1.2.|a|...
6.只能输入负有理数
true:+1.2|-1.2|0.12|...false:+-|0.1.|1+|...
7.不能输入数字
true:abc|+-*/?!|哈哈哈|...false:012|...
8.只能输入英文字母和数字
true:abc|ABC|123|...false:+-|哈哈哈|./\?!|...
9.只能输入数字0
true:0|00|000|...false:1|+|s|...
10.除数字0以外均可输入
true:abc|+-|456|...false:0
11.小数点后最多只能有两位数字（不能输入字母和运算符号）
true:123|0.12|.56|...false:0f|0.123|.f|...

本来上边的输入是可以根据正则表达式进行筛选的。。但是出于网页安全，被屏蔽了，input里边的内容全部被和谐~所以，下面附上这段正确的jsp页面代码，有兴趣的童鞋可以本地跑一下试试：

<%@ page language="java" contentType="text/html; charset=gb2312"
    pageEncoding="gb2312"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<Meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Insert title here</title>
</head>
<body>
<style>
.yy{font-family:"楷体";font-size:24px;color:#9932CC;}
</style>
<div class="yy">
<font color="#DC143C" size="4">非法输入的两种报错处理：</font><br/>
只能输入数字（非法输入将弹出提示对话框）<input type="text" name="txt1" onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}" /><br/>
<font color="#EE82EE" size="4">true:0|123|0123|...  false:a|12c|1.|...</font><br/>
只能输入数字（非法输入将直接替换为空）<input onkeyup="this.value=this.value.replace(/\D/g,'')" type="text" /><br/>
<font color="#EE82EE" size="4">true:0|123|0123|...  false:a|12c|1.|...</font><br/>
<font color="#DC143C" size="4">后文中统一使用第二种（非法输入将直接替换为空）</font><br/><br/>
1.只能输入数字 <input onkeyup="value=value.replace(/\D/g,'')" type="text" /><br/>	<!-- OR value=value.replace(/[^\d]/g,'') -->
<font color="#EE82EE" size="4">true:0|123|0123|...false:a|12c|1.|...</font><br/>
2.只能输入数字和英文的 <input onkeyup="value=value.replace(/[\W]/g,'') " type="text" /><br/>
<font color="#EE82EE" size="4">true:0|A|a|...  false:-|a*|1.|...</font><br/>
3.只能输入中文的 <input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" type="text"/><br/> 
<font color="#EE82EE" size="4">true:哈哈哈|...  false:a|12c|1.|...</font><br/>
4.只能输入大小写英文 <input onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')" type="text" /><br/>
<font color="#EE82EE" size="4">true:abc|ABC|...  false:a1|a.|...</font><br/>
5.只能输入非负有理数 <input onkeyup="if(isNaN(value))execCommand('undo')" type="text" /><br/>
<font color="#EE82EE" size="4">true:0.1|12|12.3|...false:.0|1.2.|a|...</font><br/>
6.只能输入负有理数 <input onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=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.o_value=this.value}" type="text" /><br/>
<font color="#EE82EE" size="4">true:+1.2|-1.2|0.12|...false:+-|0.1.|1+|...</font><br/>
7.不能输入数字 <input onkeyup="value=value.replace(/[\d]/g,'') " type="text" /> <br />
<font color="#EE82EE" size="4">true:abc|+-*/?!|哈哈哈|...false:012|...</font><br/>
8.只能输入英文字母和数字 <input onkeyup="value=value.replace(/[^\w]/ig,'')" type="text" /><br/>
<font color="#EE82EE" size="4">true:abc|ABC|123|...false:+-|哈哈哈|./\?!|...</font><br/>
9.只能输入数字0 <input onkeyup="value=value.replace(/[^0]/g,'')" type="text" /> <br/>
<font color="#EE82EE" size="4">true:0|00|000|...false:1|+|s|...</font><br/>
10.除数字0以外均可输入 <input onkeyup="value=value.replace(/0/g,'')" type="text" /> <br/>
<font color="#EE82EE" size="4">true:abc|+-|456|...false:0</font><br/>
11.小数点后最多只能有两位数字（不能输入字母和运算符号） <input onkeypress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false" type="text" /><br/>
<font color="#EE82EE" size="4">true:123|0.12|.56|...false:0f|0.123|.f|...</font><br/>
</div>
</body>
</html>

相关推荐