javascript常用的正则表达式

来源：互联网发布：java private class 编辑：程序博客网时间：2024/06/01 22:27
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title></title></head><body><h3>正则表达式常用规则</h3><input type="text" name="number" value="只能输入数字" id="banNumber" /><input type="text" id="chineseStr" value="姓名(中文)"><input type="text" value="邮箱验证" id="email"><input type="text" value="电话验证" id="phone"><input type="text" value="带小数的数字验证" id="floatNum"><input type="text" value="清除html标签" id="htmlTags"><script>    window.onload=function(){        var number=document.getElementById("banNumber");        clearNonumber=function(tThis){            var _v=tThis.value;            tThis.value=_v.replace(/\D/g,""); //匹配非中文        }        number.onfocus=function(){            clearNonumber(this);        }        number.onblur=function(){            clearNonumber(this);        }        var chinese=document.getElementById("chineseStr");        clearNochinese=function(tThis){            var _v=tThis.value;            tThis.value=_v.replace(/[^\u4e00-\u9fa5]/g,"");        }        chinese.onfocus=function(){            clearNochinese(this);        }        chinese.onblur=function(){            clearNochinese(this);        }        var email=document.getElementById("email");        clearNochinese=function(tThis){            var _v=tThis.value;            var reg=/^\s*[a-zA-Z0-9]+(([\._\-]?)[a-zA-Z0-9]+)*@[a-zA-Z0-9]+([_\-][a-zA-Z0-9]+)*(\.[a-zA-Z0-9]+([_\-][a-zA-Z0-9]+)*)+\s*$/;           var isEmail=reg.test(_v);            var span=document.createElement("span");            if(!isEmail){                var text=document.createTextNode("请输入正确的邮箱！");                span.appendChild(text);                insertAfter(span,tThis);            }            else {                var text=document.createTextNode("输入正确！");                span.appendChild(text);                insertAfter(span,tThis);            }        }        email.onblur=function(){            clearNochinese(this);        }        var phone=document.getElementById("phone");        clearNophone=function(tThis){            var _v=tThis.value;            var reg= /^(([0\+]\d{2,3}-)?(0\d{2,3})-)(\d{7,8})(-(\d{3,})){0,}$/;//电话            var isPhone=reg.test(_v);            var span=document.createElement("span");            if(!isPhone){                var text=document.createTextNode("请输入正确的手机号！");                span.appendChild(text);                insertAfter(span,tThis);            }            else {                var text=document.createTextNode("输入正确！");                span.appendChild(text);                insertAfter(span,tThis);            }        }        phone.onblur=function(){            clearNophone(this);        }        var floatNum=document.getElementById("floatNum");        clearNofloat=function(tThis){            var _v=tThis.value;            var reg=/^\d+(\.\d+)+$/;//带小数位的数字            var isFloat=reg.test(_v);            var span=document.createElement("span");            if(isFloat){                var text=document.createTextNode("输入正确！");                span.appendChild(text);                insertAfter(span,tThis);            }           else {                var text=document.createTextNode("请输入小数！");                span.appendChild(text);                insertAfter(span,tThis);            }        }        floatNum.onblur=function(){            clearNofloat(this);        }        var htmlTags=document.getElementById("htmlTags");        clearNohtmlTags=function(tThis){            var _v=tThis.value;            tThis.value=_v.replace(/<[\/\!]*[^<>]*>/ig,"");//清除html标签        }        htmlTags.onblur=function(){            clearNohtmlTags(this);        }    }    function insertAfter( newElement, targetElement ){ // newElement是要追加的元素 targetElement 是指定元素的位置        var parent = targetElement.parentNode; // 找到指定元素的父节点        if( parent.lastChild == targetElement ){ // 判断指定元素的是否是节点中的最后一个位置 如果是的话就直接使用appendChild方法            parent.appendChild( newElement, targetElement );        }else{            parent.insertBefore( newElement, targetElement.nextSibling );        };    };</script></body></html>
0 0