常用JavaScript類庫

JavaScript在WEB編程中能起到很大的作用,將一些常用的功能寫成JavaScript類庫。

將下面代碼保存爲Common.js

類庫功能:

1.Trim(str)--去除字符串兩邊的空格

2.XMLEncode(str)--對字符串進行XML編碼

3.ShowLabel(str,str)--鼠標提示功能(顯示字符,提示字符)

可以設置顯示的提示的文字的字體、顏色、大小以及提示的背景顏色、邊框等

4.IsEmpty(obj)--驗證輸入框是否爲空

5.IsInt(objStr,sign,zero)--驗證是否爲整數,正整數,負整數,以及是否包括零

6.IsFloat(objStr,sign,zero)--驗證是否爲浮點數,正浮點,負浮點,以及是否包括零

7.IsEnLetter(objStr,size)--驗證是否爲26個字母,大寫小


 


 


源代碼如下:

/*

       名字:Common.js

       功能:通用JavaScript腳本函數庫

       包括:

                     1.Trim(str)--去除字符串兩邊的空格

                     2.XMLEncode(str)--對字符串進行XML編碼

            3.ShowLabel(str,str)--鼠標提示功能(顯示字符,提示字符)

                     4.IsEmpty(obj)--驗證輸入框是否爲空

                     5.IsInt(objStr,sign,zero)--驗證是否爲整數

                     6.IsFloat(objStr,sign,zero)--驗證是否爲浮點數

                     7.IsEnLetter(objStr,size)--驗證是否爲26個字母


 


 


    作者:申旺

    日期:2004/04/14

*/



 


 


/*

==================================================================

字符串操作

Trim(string):去除字符串兩邊的空格

==================================================================

*/



 


 


/*

==================================================================

LTrim(string):去除左邊的空格

==================================================================

*/


function LTrim(str)

{

    
var whitespace = new String(" /t/n/r");

    
var s = new String(str);

    

    
if (whitespace.indexOf(s.charAt(0)) != -1)

    
{

        
var j=0, i = s.length;

        
while (j < i && whitespace.indexOf(s.charAt(j)) != -1)

        
{

            j
++;

        }


        s 
= s.substring(j, i);

    }


    
return s;

}



 


 


/*

==================================================================

RTrim(string):去除右邊的空格

==================================================================

*/


function RTrim(str)

{

    
var whitespace = new String(" /t/n/r");

    
var s = new String(str);


 


 


    
if (whitespace.indexOf(s.charAt(s.length-1)) != -1)

    
{

        
var i = s.length - 1;

        
while (i >= 0 && whitespace.indexOf(s.charAt(i)) != -1)

        
{

            i
--;

        }


        s 
= s.substring(0, i+1);

    }


    
return s;

}



 


 


/*

==================================================================

Trim(string):去除前後空格

==================================================================

*/


function Trim(str)

{

    
return RTrim(LTrim(str));

}



 


 



 


 



 


 


/*

================================================================================

XMLEncode(string):對字符串進行XML編碼

================================================================================

*/


function XMLEncode(str)

{

       str
=Trim(str);

       str
=str.replace("&","&amp;");

       str
=str.replace("<","&lt;");

       str
=str.replace(">","&gt;");

       str
=str.replace("'","&apos;");

       str
=str.replace("/"","&quot;");

       return str;

}


 


 


/*

================================================================================

驗證類函數

================================================================================

*/


 


 


function IsEmpty(obj)

{

    obj=document.getElementsByName(obj).item(0);

    if(Trim(obj.value)==
"")

    {

        alert(
"字段不能爲空。");        

        if(obj.disabled==false && obj.readOnly==false)

        {

            obj.focus();

        }

    }

}


 


 


/*

IsInt(string,string,int or string):(測試字符串,+ or - or empty,empty or 0)

功能:判斷是否爲整數、正整數、負整數、正整數+0、負整數+0

*/

function IsInt(objStr,sign,zero)

{

    var reg;    

    var bolzero;    

    

    if(Trim(objStr)==
"")

    {

        return false;

    }

    else

    {

        objStr=objStr.toString();

    }    

    

    if((sign==null)||(Trim(sign)==
""))

    {

        sign=
"+-";

    }

    

    if((zero==null)||(Trim(zero)==
""))

    {

        bolzero=false;

    }

    else

    {

        zero=zero.toString();

        if(zero==
"0")

        {

            bolzero=true;

        }

        else

        {

            alert(
"檢查是否包含0參數,只可爲(空、0)");

        }

    }

    

    switch(sign)

    {

        case 
"+-":

            //整數

            reg=/(^-?|^/+?)/d+$/;            

            break;

        case 
"+"

            if(!bolzero)           

            {

                //正整數

                reg=/^/+?[0-9]*[1-9][0-9]*$/;

            }

            else

            {

                //正整數+0

                //reg=/^/+?/d+$/;

                reg=/^/+?[0-9]*[0-9][0-9]*$/;

            }

            break;

        case 
"-":

            if(!bolzero)

            {

                //負整數

                reg=/^-[0-9]*[1-9][0-9]*$/;

            }

            else

            {

                //負整數+0

                //reg=/^-/d+$/;

                reg=/^-[0-9]*[0-9][0-9]*$/;

            }            

            break;

        default:

            alert(
"檢查符號參數,只可爲(空、+-)");

            return false;

            break;

    }

    

    var r=objStr.match(reg);

    if(r==null)

    {

        return false;

    }

    else

    {        

        return true;     

    }

}


 


 


/*

IsFloat(string,string,int or string):(測試字符串,+ or - or empty,empty or 0)

功能:判斷是否爲浮點數、正浮點數、負浮點數、正浮點數+0、負浮點數+0

*/

function IsFloat(objStr,sign,zero)

{

    var reg;    

    var bolzero;    

    

    if(Trim(objStr)==
"")

    {

        return false;

    }

    else

    {

        objStr=objStr.toString();

    }    

    

    if((sign==null)||(Trim(sign)==
""))

    {

        sign=
"+-";

    }

    

    if((zero==null)||(Trim(zero)==
""))

    {

        bolzero=false;

    }

    else

    {

        zero=zero.toString();

        if(zero==
"0")

        {

            bolzero=true;

        }

        else

        {

            alert(
"檢查是否包含0參數,只可爲(空、0)");

        }

    }

    

    switch(sign)

    {

        case 
"+-":

            //浮點數

            reg=/^((-?|/+?)/d+)(/./d+)?$/;

            break;

        case 
"+"

            if(!bolzero)           

            {

                //正浮點數

                reg=/^/+?(([0-9]+/.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*/.[0-9]+)|([0-9]*[1-9][0-9]*))$/;

            }

            else

            {

                //正浮點數+0

                reg=/^/+?/d+(/./d+)?$/;

            }

            break;

        case 
"-":

            if(!bolzero)

            {

                //負浮點數

                reg=/^-(([0-9]+/.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*/.[0-9]+)|([0-9]*[1-9][0-9]*))$/;

            }

            else

            {

                //負浮點數+0

                reg=/^((-/d+(/./d+)?)|(0+(/.0+)?))$/;

            }            

            break;

        default:

            alert(
"檢查符號參數,只可爲(空、+-)");

            return false;

            break;

    }

    

    var r=objStr.match(reg);

    if(r==null)

    {

        return false;

    }

    else

    {        

        return true;     

    }

}


/*

IsEnLetter(string,string):測試字符串,大小寫(UL,U,L or ul,u,l)

*/

function IsEnLetter(objStr,size)

{

    var reg;

    

    if(Trim(objStr)==
"")

    {

        return false;

    }

    else

    {

        objStr=objStr.toString();

    }    

    

    if((size==null)||(Trim(size)==
""))

    {

        size=
"UL";

    }

    else

    {

        size=size.toUpperCase();

    }

    

    switch(size)

    {

        case 
"UL":

            //大小寫

            reg=/^[A-Za-z]+$/;

            break;

        case 
"U"

            //大寫

            reg=/^[A-Z]+$/;

            break;

        case 
"L":

            //小寫

            reg=/^[a-z]+$/;

            break;

        default:

            alert(
"檢查大小寫參數,只可爲(空、UL、U、L)");

            return false;

            break;

    }

    

    var r=objStr.match(reg);

    if(r==null)

    {

        return false;

    }

    else

    {        

        return true;     

    }

}


 


 



 


 


/*

================================================================================

功能:鼠標小提示

作者:申旺

日期:2004/04/15

================================================================================

*/


 


 


//定義變量、設置默認值

var LabelFontFace=
"宋體,arial,Verdana";

var LabelFontColor=
"#000000";

var LabelFontSize=
"9pt";

var LabelFontStyle=
"Font.PLAIN";

var LabelBorderColor=
"#000000";

var LabelBackColor=
"#FFFFE1";


 


 


//設置各個屬性

function SetLabelFontFace(obj)

{

       obj=Trim(obj);

       if(obj==null || obj==
"")

       {

              obj=
"宋體,arial,Verdana";

       }

       LabelFontFace=obj;

}


 


 


function SetLabelFontColor(obj)

{

    obj=Trim(obj);

       if(obj==null || obj==
"")

       {

              obj=
"#000000";

       }

       LabelFontColor=obj;

}


 


 


function SetLabelFontSize(obj)

{

    obj=Trim(obj);

       if(obj==null || obj==
"")

       {

              obj=
"9pt";

       }

       LabelFontSize=obj;

}


 


 


function SetLabelFontStyle(obj)

{

    obj=Trim(obj);

       if(obj==null || obj==
"")

       {

              obj=
"Font.PLAIN";

       }

       LabelFontStyle=obj;

}


 


 


function SetLabelBorderColor(obj)

{

    obj=Trim(obj);

    if(obj==null || obj==
"")

    {

        obj=
"#000000";

    }

    LabelBorderColor=obj;

}


 


 


function SetLabelBackColor(obj)

{

    obj=Trim(obj);

    if(obj==null || obj==
"")

    {

        obj=
"#FFFFE1";

    }

    LabelBackColor=obj;

}


 


 


//合成文字樣式

function SetTextStyle(str)

{

    var strRet=
"";

    

    var strStyle=
"";

    

    strStyle=
"font-family:"+LabelFontFace+";";

    strStyle+=
"color:"+LabelFontColor+";";

    strStyle+=
"font-size:"+LabelFontSize+";";

    

    switch(LabelFontStyle.toLowerCase())

    {

        case 
"font.plain":

            strStyle+=
"font-weight: normal;";

            strStyle+=
"font-style: normal;";

            break;

        case 
"font.bold":

            strStyle+=
"font-weight: bold;";

            strStyle+=
"font-style: normal;";

            break;

        case 
"font.italic":

            strStyle+=
"font-weight: normal;";

            strStyle+=
"font-style: italic;";

            break;

        case 
"font.italicbold":

        case 
"font.bolditalic":

            strStyle+=
"font-weight: bold;";

            strStyle+=
"font-style: italic;";

            break;

        default:

            strStyle+=
"font-weight: bold;";

            strStyle+=
"font-style: italic;";

            break;

    }

    

    strRet=
"<font style='"+strStyle+"'>";

    strRet+=
"&nbsp;"+str+"&nbsp;";

    strRet+=
"</font>";

    

    return strRet;

}


 


 


//合成表格樣式

function SetTableStyle()

{

    var strRet=
"";

    

    strRet+=
"border-right: "+LabelBorderColor+" 1px solid;";

    strRet+=
"border-top: "+LabelBorderColor+" 1px solid;";

    strRet+=
"border-left: "+LabelBorderColor+" 1px solid;";

    strRet+=
"border-bottom: "+LabelBorderColor+" 1px solid;";

    strRet+=
"background-color:"+LabelBackColor;    

    

    return strRet;

}


 


 


//顯示提示

function ShowNote(str)

{

       var strHtml;

       

       strHtml=
"";

       strHtml+=
"<table height=1px width=1px border='0'cellspacing='0' cellpadding='0' style='" + SetTableStyle() + "'>";

       strHtml+=
"<tr>";

       strHtml+=
"<td>"+SetTextStyle(str)+"</td>";

       strHtml+=
"</tr>";

       strHtml+=
"</table>";                           

       

       if (document.all&&document.readyState==
"complete")

       {                                        

              document.all.div_Note.innerHTML=strHtml;

              document.all.div_Note.style.pixelLeft=event.clientX+document.body.scrollLeft+10

              document.all.div_Note.style.pixelTop=event.clientY+document.body.scrollTop+10

              document.all.div_Note.style.visibility=
"visible"

       }     

}


 


 


//隱藏提示

function HideNote()

{

       if (document.all)

       {

              document.all.div_Note.style.visibility=
"hidden";

       }

       else

       {

              if (document.layers)

              {

                     clearInterval(currentscroll)

                     document.div_Note.visibility=
"hidden";

              }

       }                                 

}


 


 


//初始化

function Init()

{

    window.document.write(
"<div id=/"div_Note/" style=/"VISIBILITY:hidden; POSITION:absolute; HEIGHT:13px;z-index:1/"></div>");

}

Init();


 


 


//生成提示字符

function ShowLabel(text,note,bclick)

{

       if(bclick!=null)

       {

              return 
"<a href=/"#/" onMouseOver=/"ShowNote('" + note + "')/" onMouseOut=/"HideNote()/" onClick=/"JavaScript:DoSomeThing(this);/">" + text + "</a>";

       }

       else

       {

           return 
"<a href=/"#/" onMouseOver=/"ShowNote('" + note + "')/" onMouseOut=/"HideNote()/">" + text + "</a>";

       }

}


(正則表達式版本)字符串操作函數:


/*********************************************
1. LTrim(str)去除str左邊的空白字符(空格,換行,回車)
2. RTrim(str)去除ste右邊的空白字符(空格,換行,回車)
3. Trim(str)去除ste兩邊的空白字符(空格,換行,回車)
*********************************************/

function LTrim(str) { 
return str.replace(/^[ /t/n/r]+/g, 
"");
}

function RTrim(str) {
return str.replace(/[ /t/n/r]+$/g, 
"");
}

function Trim(str) {
    return RTrim(LTrim(str));
}

JavaScript判斷數字 
  
function cTrim(sInputString,iType)
             
{
    
var sTmpStr = ' '
    
var i = -1
    
if(iType == 0 || iType == 1)
    
{
     
while(sTmpStr == ' ')
     
{
      
++i
      sTmpStr 
= sInputString.substr(i,1)
     }

     sInputString 
= sInputString.substring(i)
    }

    
if(iType == 0 || iType == 2)
    
{
     sTmpStr 
= ' '
     i 
= sInputString.length
     
while(sTmpStr == ' ')
     
{
      
--i
      sTmpStr 
= sInputString.substr(i,1)
     }

     sInputString 
= sInputString.substring(0,i+1)
    }

    
return sInputString;
             }




if (isNaN(docform.txtFaultFirstEliminateTimes.value)==true || cTrim(docform.txtFaultFirstEliminateTimes.value,0)==""





alert(
"只能是數字");
 

return ; 


}

發佈了4 篇原創文章 · 獲贊 0 · 訪問量 8萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章