个人总结的在项目当中做输入校验的一些场景和处理逻辑,相互学习:
1、输入框onkeyup事件替换非数字的字符为空
function clearNoZxNum(obj){ obj.value = obj.value.replace(/[^\d]/g,""); //清除"数字"以外的字符 }
2、输入框onkeyup事件替换非数字(适用于电话号码)的字符为空
function clearNoPhone(obj){ obj.value = obj.value.replace(/[^\d-]/g,""); //清除"数字"以外的字符 }
3、输入框onkeyup事件替换特殊字符为空
function clearSpecialZF(obj){ //obj.value=obj.value.replace(/[\-\_\,\!\|\~\`\(\)\#\$\%\^\&\*\{\}\:\;\"\L\<\>\?]/g,""); obj.value=obj.value.replace(/[\'\"\\\/\b\f\n\r\t\#\$\%\^\&\*\<\>]/g,""); }
4、输入框onkeyup事件,实现将面积,金额等保存两位小数的取值方法(不支持负数)
//面积,金额等保存后两位小数取值方法 function clearNoNum(obj){ obj.value = obj.value.replace(/[^\d.]/g,""); //清除"数字"和"."以外的字符 obj.value = obj.value.replace(/^\./g,""); //验证第一个字符是数字而不是 obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的 obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$","."); obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3'); //只能输入两个小数 }
5、输入框onkeyup事件,实现将金额等保存后两位小数(可正可负)的取值方法
//将金额等保存后两位小数(可正可负)取值方法 function clearNoFloat(obj){ obj.value = obj.value.replace(/[^\d.-]/g,""); //清除"数字"和"."以外的字符 if(obj.value.length>1){ obj.value = obj.value.replace(/-$/g,""); //验证最后一个字符是-就替换掉 } obj.value = obj.value.replace(/^\./g,""); //验证第一个字符是数字或小数点 obj.value = obj.value.replace(/(\.){2,}/g,"."); //只保留第一个. 清除多余的 obj.value = obj.value.replace(/(\-){2,}/g,"-"); //只保留第一个- 清除多余的 obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$","."); obj.value = obj.value.replace("-","$#$").replace(/\-/g,"").replace("$#$","-"); obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3'); //只能输入两个小数 }
6、输入框onkeyup事件,实现去除字符串前后的空格
//去除字符串前后的空格 function trim(obj) { obj.value = obj.value.replace(/(^\s*)|(\s*$)/g, ""); }
7、输入框onkeyup事件,实现去除字符串中所有的空格
//去除字符串中的所有空格 function trimALL(obj) { obj.value = obj.value.replace(/\s+/g,""); }
下面附上一些常用表达式:
"^\\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
"^[A-Za-z0-9_]*$"。
正则表达式基础知识:
^ 匹配一个输入或一行的开头,/^a/匹配"an A",而不匹配"An a"
$ 匹配一个输入或一行的结尾,/a$/匹配"An a",而不匹配"an A"
* 匹配前面元字符0次或多次,/ba*/将匹配b,ba,baa,baaa
+ 匹配前面元字符1次或多次,/ba+/将匹配ba,baa,baaa
? 匹配前面元字符0次或1次,/ba?/将匹配b,ba
(x) 匹配x保存x在名为$1...$9的变量中
x|y 匹配x或y
{n} 精确匹配n次
{n,} 匹配n次以上
{n,m} 匹配n-m次
[xyz] 字符集(character set),匹配这个集合中的任一一个字符(或元字符)
[^xyz] 不匹配这个集合中的任何一个字符
[\b] 匹配一个退格符
\b 匹配一个单词的边界
\B 匹配一个单词的非边界
\cX 这儿,X是一个控制符,/\cM/匹配Ctrl-M
\d 匹配一个字数字符,/\d/ = /[0-9]/
\D 匹配一个非字数字符,/\D/ = /[^0-9]/
\n 匹配一个换行符
\r 匹配一个回车符
\s 匹配一个空白字符,包括\n,\r,\f,\t,\v等
\S 匹配一个非空白字符,等于/[^\n\f\r\t\v]/
\t 匹配一个制表符
\v 匹配一个重直制表符
\w 匹配一个可以组成单词的字符(alphanumeric,这是我的意译,含数字),包括下划线,如[\w]匹配"$5.98"中的5,等于[a-zA-Z0-9]
\W 匹配一个不可以组成单词的字符,如[\W]匹配"$5.98"中的$,等于[^a-zA-Z0-9]。