关于js处理的一些公用代码收集.(代码+demo)

关于js字符串的.prototype 的一个扩展.

// JavaScript Document
 String.prototype.Trim=function()...{return   this.replace(/(^s*)|(s*$)/g,"");}   

 String.prototype.cleanStyle=function()...{
     
    var html =this ;
    //清除 Hd 标记
    html = html.replace( /<Hd>(.*)</Hd>/gi, '$1' ) ;
    //html = html.replace( /<Hd>s*</Hd>/gi, '' ) ;
    
    
    
    //去掉其中的一个样式属性。 修如.
    //remove Styles
    html = html.replace(/<(w[^>]*) style="([^"]*)"([^>]*)/gi, "<$1$3" ) ;
    // remove Class
    html = html.replace(/<(w[^>]*) class=([^ |>]*)([^>]*)/gi, "<$1$3") ;
    
    html = html.replace(/<!--.*-->/ig, "" ) ;
    
    //去除多余的span 标签.
    html = html.replace( /<SPANs*[^>]*>s*&nbsp;s*</SPAN>/gi, '&nbsp;' ) ;
    html = html.replace( /<SPANs*[^>]*></SPAN>/gi, '' ) ;
    
    html = html.replace( /<(U|I|STRIKE|B|STRONG)>(.*)</1>/ig, '$2' ) ;
    
    // Remove empty tags (three times, just to be sure).
    // This also removes any empty anchor
    html = html.replace( /<([^s>]+)(s[^>]*)?>s*</1>/g, '' ) ;
    html = html.replace( /<([^s>]+)(s[^>]*)?>s*</1>/g, '' ) ;
    html = html.replace( /<([^s>]+)(s[^>]*)?>s*</1>/g, '' ) ;
    
    return html;
}   

//html编码.
String.prototype.htmlEncode =function()
...{
    text = this;
    
    text = text.replace(/&/g, "&amp;") ;
    text = text.replace(/"/g, "&quot;") ;
    text = text.replace(/</g, "&lt;") ;
    text = text.replace(/>/g, "&gt;") ;
    text = text.replace(/'/g, "&#39;") ;

    return text ;
}


//html解码.
 String.prototype.htmlDecode =function()
 {

    text = this;
    
    text = text.replace(/&amp;/g, "&") ;
    text = text.replace(/&quot;/g, """) ;
    text = text.replace(/&lt;/g,  "<") ;
    text = text.replace(/&gt;/g, ">") ;
    text = text.replace(/&#39;/g, "'") ;
    return text ;
}


//字符串方法重构, 是否包含
String.prototype.Contains=function(A)
...{
    return (this.indexOf(A)>-1);
};

//字符串方法重构, 是否相等,已被扩展为是否在数组中。
String.prototype.Equals=function()
...{
    var A=arguments;
     if (A.length==1&&A[0].pop) A=A[0];
     for (    var i=0; i<A.length; i++)
     ...{ 
          if (this==A[i])
         return true;
     };
    return false;
};


//不区分大小写相等判断.
String.prototype.IEquals=function()
...{
    var A=this.toUpperCase();
    var B=arguments;
    if (B.length==1&&B[0].pop) 
      B=B[0];
    for (var i=0;i<B.length;    i++)
    ...{
        if  (A==B[i].toUpperCase() ) return true;
    };
    return false;
};

//全部替换.
String.prototype.ReplaceAll=function(A,B)
...{
    var C=this;
    for (var i=0;i<A.length;i++)
   ...{
       C=C.replace(A[i],B[i]);
   };
   return C;
};



////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/**//******************************************************************************************************************/
/////////////////////////////////////字符串表单正则验证处理。////////////////////////////////////////////////////////
/**//*
*Email : /^w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$/,
Phone : /^(((d{2,3}))|(d{3}-))?((0d{2,3})|0d{2,3}-)?[1-9]d{6,7}(-d{1,4})?$/,
Mobile : /^(((d{2,3}))|(d{3}-))?13d{9}$/,
Url : /^http://[A-Za-z0-9]+.[A-Za-z0-9]+[/=?%-&_~`@[]':+!]*([^""])*$/,
IdCard : /^d{15}(d{2}[A-Za-z0-9])?$/,
Currency : /^d+(.d+)?$/,
Number : /^d+$/,
Zip : /^[1-9]d{5}$/,
QQ : /^[1-9]d{4,8}$/,
Integer : /^[-+]?d+$/,
Double : /^[-+]?d+(.d+)?$/,
English : /^[A-Za-z]+$/,
Chinese : /^[Α-￥]+$/,
Username : /^[a-z]w{3,}$/i,
UnSafe : /^(([A-Z]*|[a-z]*|d*|[-_~!@#$%^&*.()[]{}?//'"]*)|.{0,5})$|s/,
Name : /^[一-龥w0-9_-]{3,11}$/i
*
*/
//是否为URL.
String.prototype.isUrl=function()
...{
    var Url =  /^(http(s)?://)?[A-Za-z0-9]+.[A-Za-z0-9]+[/=?%-&_~`@[]':+!]*([^""])*$/;
    return Url.test(this)?true:false;
}

//是否为邮政编码.
String.prototype.isZip = function ()
{
    var Zip = /^[1-9]d{5}$/;
   return Zip.test(this)?true:false;     
}

//返回是否为英文。
String.prototype.isEnglish = function ()
{
    var English =     /^[A-Za-z]+$/;
    return English.test(this)?true:false;     
}

//返回是否为中文。
String.prototype.isChinese  = function ()
{
    var Chinese =     /^[Α-￥]+$/;
    return Chinese.test(this)?true:false;     
}

//返回是否为数字
String.prototype.isNum = function ()
{
    var Num =     /^d+$/;
    return Num.test(this)?true:false;     
}

//返回是否为整数.
String.prototype.isInt = function ()
{
    var Int =      /^[-+]?d+$/;
    return Int.test(this)?true:false;     
}

//验证是否为unsafe
String.prototype.isUnsafe = function ()
{
    var Unsafe = /^(([A-Z]*|[a-z]*|d*|[-_~!@#$%^&*.()[]{}?//'"]*)|.{0,5})$|s/;
    return Unsafe.test(this)?true:false;     
}


//验证是否是QQ.
String.prototype.isQQ = function ()
{
    var QQ =     /^[1-9]d{4,8}$/;
    return QQ.test(this)?true:false;     
}

//验证邮件.
String.prototype.isEmail=function()
{
    var Email = /^w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$/;
    return Email.test(this)?true:false;
}

//是否为手机。
String.prototype.isMobile=function()
{
        var Tel = /^(((d{2,3}))|(d{3}-))?((0d{2,3})|0d{2,3}-)?[1-9]d{6,7}(-d{1,4})?$/;
        return Tel.test(this)?true:false;
};

//验证电话号码的可用性。
String.prototype.isPhone=function()
{
        var Tel = /^(((d{2,3}))|(d{3}-))?((0d{2,3})|0d{2,3}-)?[1-9]d{6,7}(-d{1,4})?$/;
        return Tel.test(this)?true:false;
};

//是否为用户。 中英文，加下划加中划。
String.prototype.isUser=function()
{
        var Name = /^[一-龥w0-9_-]{4,16}$/i;
        return Name.test(this)?true:false;
};

String.prototype.isNick=function()
{
        var Nick = /^[一-龥w0-9_-]{3,16}$/i;
        return Nick.test(this)?true:false;
};

//密码格式
String.prototype.isPassword=function()
{
        var Password = /^.{6,16}$/i;
        return Password.test(this)?true:false;
};
//答案格式
String.prototype.isAnswer=function()
{
        var Answer = /^.{6,16}$/i;
        return Answer.test(this)?true:false;
};

//是否为用户。 中英文，加下划加中划。
String.prototype.isPic=function()
{
    PicTypeString  = picType.join("|");
    Pic = /.(replacement)$/ig;
    Pic = Pic.toString().replace ( "replacement" , PicTypeString );
    
   document.getElementById( "prompt").innerHTML = Pic;
    return eval(Pic).test(this)?true:false;
   
};
 

 

相关的demo 的

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>

<input type="button" value="清除样式"   onclick=" cleanStyle(  ) "/>
<input type="button" value="转HTML码"    onclick=" htmlEncode(  ) "/>
<input type="button" value="解HTML码"    onclick=" htmlDecode(  ) "/>
<script src="/static/media/js/jquery.js"></script>
<script src="../string2.js"></script>


<script src="/global/config.js"></script>
<script>...
//清除样式。
function  cleanStyle()
...{
    str = document.getElementById("xuxing").innerHTML;
    str = str.cleanStyle(); //here to cleanStyle
    document.getElementById("xuxing").innerHTML = str;
}

//将html进行编码。
function htmlEncode()...{
    str = document.getElementById("xuxing").innerHTML;
    str = str.htmlEncode(); //here to cleanStyle
    document.getElementById("xuxing").innerHTML = str;
}

//解码为html.
function htmlDecode()...{
    str = document.getElementById("xuxing").innerHTML;
    str = str.htmlDecode(); //here to cleanStyle
    document.getElementById("xuxing").innerHTML = str;
}

//检查电话号码格式。
function  checkPhone()
...{
    str = document.getElementById("telePhone").value;
    if( str.isPhone() )
    ...{
       alert( "电话格式正确。" );
    }
    else
    ...{
        alert( "电话格式不正确。" );
    }
}

//用户名验证。
function  checkUser()
...{
    str = document.getElementById("username").value;
    
    if( str.isUser() )
    ...{
       alert( "用户名格式正确。" );
    }
    else
    ...{
        alert( "用户名格式不正确。" );
    }
}


//URL验证。
function  checkUrl()
...{
    str = document.getElementById("url").value;
    
    if( str.isUrl() )
    ...{
       alert( "URL格式正确。" );
    }
    else
    ...{
        alert( "URL格式不正确。" );
    }
}
//验证是否为数字
function checkNum ()
...{

    str = document.getElementById("number").value;
    
    if( str.isNum() )
    ...{
       alert( "num格式正确。" );
    }
    else
    ...{
        alert( "num格式不正确。" );
    }

}

//验证是否为中文
function checkChinese()
...{
    str = document.getElementById("chinese").value;
    
    
    if( str.isChinese() )
    ...{
       alert( "中文格式正确。" );
    }
    else
    ...{
        alert( "中文格式不正确。" );
    }
}

//验证是否为英文
function checkEnglish()
...{
    str = document.getElementById("english").value;
    
    
    if( str.isEnglish() )
    ...{
       alert( "英文格式正确。" );
    }
    else
    ...{
        alert( "英文格式不正确。" );
    }
}

//验证是否为整数.
function checkInteger()
...{
    str = document.getElementById("integer").value;
    
    
    if( str.isInt() )
    ...{
       alert( "整数格式正确。" );
    }
    else
    ...{
        alert( "整数格式不正确。" );
    }
}

//验证是否是QQ
function checkQQ()
...{
    str = document.getElementById("qq").value;
    
    
    if( str.isQQ() )
    ...{
       alert( "QQ格式正确。" );
    }
    else
    ...{
        alert( "QQ格式不正确。" );
    }
}

//验证邮件
function checkEmail()
...{
    str = document.getElementById("email").value;
    
    
    if( str.isEmail() )
    ...{
       alert( "邮箱格式正确。" );
    }
    else
    ...{
        alert( "邮箱格式不正确。" );
    }
}

//验证手机。
function checkMobile()
...{
    str = document.getElementById("mobile").value;
    
    
    if( str.isMobile() )
    ...{
       alert( "手机格式正确。" );
    }
    else
    ...{
        alert( "手机格式不正确。" );
    }
}

//验证电话号码的可用性
function checkPhone()
...{
    str = document.getElementById("phone").value;
    
    
    if( str.isPhone() )
    ...{
       alert( "电话号码格式正确。" );
    }
    else
    ...{
        alert( "电话号码格式不正确。" );
    }
}

//验证用户。 中英文，加下划加中划。
function checkUser()
...{
    str = document.getElementById("user").value;
    
    
    if( str.isUser() )
    ...{
       alert( "格式正确。" );
    }
    else
    ...{
        alert( "格式不正确。" );
    }
}

//验证用户。 中英文，加下划加中划。
function checkPic()
...{
    str = document.getElementById("pic").value;
    if( str.isPic() )
    ...{
       alert( "格式正确。" );
    }
    else
    ...{
        alert( "格式不正确。" );
    }
}

//显示弹出层
function  showAlert(str)
...{
        str.value.alert();
}

</script>
<div id=  "xuxing"> 

<h1>

<span    class="font-style:inherit;" style="background:#3399CC;"  > 徐兴  
</span>

<span>&nbsp;</span>
    
    <u>简体</u>
    <b>粗体</b>
    </h1>
    <h2>

<span    class="font-style:inherit;" style="background:#3399CC;"  > 徐兴  
</span>

</h1>

</div>

<div>
        电话号码验证. <input type="text"  id="telePhone" name="telePhone" />   <button  onclick="checkPhone()">checkPhone </button><br/>
        用户名验证.    <input type="text"  id="username" name="username" />   <button  onclick="checkUser()">   checkUser    </button><br/>
        是否为URL <input type="text" id="url" name="url" /> <button  onclick="checkUrl()">   checkUrl    </button><br/>
         是否为数字 <input type="text" id="number" name="number" /> <button  onclick="checkNum()">   checkNum    </button><br/>
        是否为中文 <input type="text" id="chinese" name="chinese" /> <button  onclick="checkChinese()">   checkChinese    </button><br/>
        是否为英文 <input type="text" id="english" name="english" /> <button  onclick="checkEnglish()">   checkEnglish    </button><br/>
        是否为整数 <input type="text" id="integer" name="integer" /> <button  onclick="checkInteger()">   checkInteger    </button><br/>
        是否为QQ <input type="text" id="qq" name="qq" /> <button  onclick="checkQQ()">   checkQQ    </button><br/>
        是否为邮箱 <input type="text" id="email" name="email" /> <button  onclick="checkEmail()">   checkEmail    </button><br/>
        是否为手机 <input type="text" id="mobile" name="mobile" /> <button  onclick="checkMobile()">   checkMobile    </button><br/>         
        是否为电话号码 <input type="text" id="phone" name="phone" /> <button  onclick="checkPhone()">   checkPhone</button><br/>          
        是否为用户。 中英文，加下划加中划。 <input type="text" id="user" name="user" /> <button  onclick="checkUser()">   checkPhone</button><br/>     
        是否为图片版式:<input type="file" id = "pic" onchange="checkPic()" />
         
</div>

<input type="button" value="显示这" onclick="showAlert(this)" />

<div id="prompt">

fdsfd
</div>



</body>
</html>