將下面代碼儲存為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個字母
*/
/*
==================================================================
字串操作
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("&","&");
str=str.replace("<","");
str=str.replace("'","'");
str=str.replace("\"",""");
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+=" "+str+" ";
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=\"javascriptoSomeThing(this);\">" + text + "</a>";
}
else
{
return "<a href=\"#\" onMouseOver=\"ShowNote('" + note + "')\" onMouseOut=\"HideNote()\">" + text + "</a>";
}
}
測試頁面：
複製代碼 代碼如下:<HTML>
<HEAD>
<title>Common javascript</title>
<script language="javascript" src="./Common.js"></script>
<script language="javascript">
function CheckInt()
{
iptResult.value=IsInt(iptTest.value,iptSign.value,iptZero.value);
}
function CheckFloat()
{
iptResult.value=IsFloat(iptTest.value,iptSign.value,iptZero.value);
}
function CheckLetter()
{
iptResult.value=IsEnLetter(iptTest.value,iptSign.value);
}
document.write(ShowLabel("TEST","Only a testing!"));
document.write("<br>");
</script>
<meta http-equiv="expires" content="0">
</HEAD>
<body>
<input type=text value="" id="iptTest"><input type=button value="IsEmpty" onclick="IsEmpty('iptTest');">
<input type=button value="CheckInt" onclick="CheckInt()">
<br>
<input type=text value="" id="iptSign" NAME="iptSign"><input type=button value="CheckFloat" onclick="CheckFloat()">
<br>
<input type=text value="" id="iptZero" NAME="iptZero"><input type=button value="CheckLetter" onclick="CheckLetter()">
<br>
<input type=text value="" id=iptResult disabled=true>
</body>
</HTML>
