基于js的正则替换

个人总结的在项目当中做输入校验的一些场景和处理逻辑，相互学习：

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]。