復(fù)制代碼 代碼如下:
/***************************************************************************************
* validate1.0
* 此代碼版權(quán)歸海洋工作室ocean所有,您可以非商業(yè)目的使用、復(fù)制、修改此代碼,但需要
* 保留本工作室的版權(quán)信息。如果您使用、修改此代碼為商業(yè)目的,請聯(lián)系本工作室取得使用許可。
*
* 如果您對本程序有什么建議,請email to:ocean@forever.net.cn。
*
* 海洋工作室
* http://www.oceanstudio.net
* ocean(ocean@forever.net.cn) 制作
*****************************************************************************************/
//鍵盤事件
PUBLIC:ATTACH EVENT="onkeypress" ONEVENT="doEvent()" />
//粘貼事件
PUBLIC:ATTACH EVENT="onpaste" ONEVENT="doEvent()" />
//失去焦點事件
PUBLIC:ATTACH EVENT="onblur" ONEVENT="doEvent()" />
SCRIPT LANGUAGE="JScript">
//預(yù)定義的檢查模式
var regArray = new Array(
new Array("int+0","^\\d+$","","需要輸入一個非負整數(shù),請重新檢查"), //非負整數(shù)(正整數(shù) + 0)
new Array("int+","^[0-9]*[1-9][0-9]*$","^\\d+$","需要輸入一個正整數(shù),請重新檢查"), //正整數(shù)
new Array("int-0","^((-\\d+)|(0+))$","^(-|(-\\d+)|(0+))$","需要輸入一個非正整數(shù),請重新檢查"), //非正整數(shù)(負整數(shù) + 0)
new Array("int-","^-[0-9]*[1-9][0-9]*$","^(-|(-\\d+)|(0+))$","需要輸入一個負整數(shù),請重新檢查"), //負整數(shù)
new Array("int","^-?\\d+$","^-|(-?\\d+)$","需要輸入一個整數(shù),請重新檢查"), //整數(shù)
new Array("double+0","^\\d+(\\.\\d+)?$","^((\\d+\\.)|(\\d+(\\.\\d+)?))$","需要輸入一個非負浮點數(shù),請重新檢查"), //非負浮點數(shù)(正浮點數(shù) + 0)
new Array("double+","^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$","^((\\d+\\.)|(\\d+(\\.\\d+)?))$","需要輸入一個正浮點數(shù),請重新檢查"), //正浮點數(shù)
new Array("double-0","^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$","^(-|(-\\d+\\.)|(0+\\.)|(-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$","需要輸入一個非正浮點數(shù),請重新檢查"), //非正浮點數(shù)(負浮點數(shù) + 0)
new Array("double-","^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$","^(-|(-\\d+\\.?)|(-\\d+\\.\\d+))$","需要輸入一個負浮點數(shù),請重新檢查"), //負浮點數(shù)
new Array("double","^(-?\\d+)(\\.\\d+)?$","^(-|((-?\\d+)(\\.\\d+)?)|(-?\\d+)\\.)$","需要輸入一個浮點數(shù),請重新檢查"), //浮點數(shù)
new Array("char","^[A-Za-z]+$","","您只能輸入英文字母,請重新檢查"), //由26個英文字母組成的字符串
new Array("upperchar","^[A-Z]+$","","您只能輸入英文大寫字母,請重新檢查"), //由26個英文字母的大寫組成的字符串
new Array("lowerchar","^[a-z]+$","","您只能輸入英文小寫字母,請重新檢查"), //由26個英文字母的小寫組成的字符串
new Array("digitchar","^[A-Za-z0-9]+$","","您只能輸入數(shù)字和英文字母,請重新檢查"), //由數(shù)字和26個英文字母組成的字符串
new Array("digitchar_","^\\w+$","","您只能輸入數(shù)字、英文字母和下劃線,請重新檢查"), //由數(shù)字、26個英文字母或者下劃線組成的字符串
new Array("email","^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$","^(([\\w-]+(\\.[\\w-]+)*@?)|([\\w-]+(\\.[\\w-]+)*@[\\w-]+)|([\\w-]+(\\.[\\w-]+)*@([\\w-]+\\.)+)|([\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+))$","需要輸入正確的email地址,請重新檢查"), //email地址
new Array("url","^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$","^([a-zA-z]+:?)|([a-zA-z]+:/{1,2})|([a-zA-z]+://(\\w+(-\\w+)*))|([a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?)$","需要輸入正確的url地址,請重新檢查") //url
);
//受控元素默認的事件處理程序
function doEvent() {
//得到觸發(fā)事件的類型
var type = window.event.type;
//得到觸發(fā)元素的值。
var value = window.event.srcElement.value;
if (type == "keypress") { //如果是鍵盤按下事件,得到鍵盤按下后的值
var keyCode = window.event.keyCode;
if (typeof(window.event.srcElement.upper) != "undefined") { //如果定義了轉(zhuǎn)換大寫
if (keyCode >= 97 keyCode = 122)
keyCode = window.event.keyCode = keyCode - 32;
}
else if (typeof(window.event.srcElement.lower) != "undefined") { //如果定義了轉(zhuǎn)換小寫
if (keyCode >= 65 keyCode = 90)
keyCode = window.event.keyCode = keyCode + 32;
}
value += String.fromCharCode(keyCode);
}
else if (type == "paste") {
value += window.clipboardData.getData("Text");
}
//如果觸發(fā)元素的值為空,則表示用戶沒有輸入,不接受檢查。
if (value == "") return;
//如果觸發(fā)元素沒有設(shè)置reg屬性,則返回不進行任何檢查。
if (typeof(window.event.srcElement.reg) == "undefined") return;
//如果觸發(fā)元素沒有定義check屬性,則在按鍵和粘貼事件中不做檢查
if ((type == "keypress" || type == "paste") typeof(window.event.srcElement.check) == "undefined") return;
//如果沒有通過檢查模式,出現(xiàn)的錯誤信息
var msg = "";
//得到檢查模式
var reg = window.event.srcElement.reg;
//正則表達式對象
var regExp = null;
//從預(yù)定義的檢查模式中查找正則表達式對象
for (var i=0;iregArray.length;i++) {
if (regArray[i][0] == reg) {
if ((type == "keypress" || type == "paste") regArray[i][2] != "")
regExp = new RegExp(regArray[i][2]); //查找到預(yù)定義的檢查模式
else
regExp = new RegExp(regArray[i][1]); //查找到預(yù)定義的檢查模式
msg = regArray[i][3]; //定義預(yù)定義的報錯信息
break; //查找成功,退出循環(huán)
}
}
if (regExp == null) { //如果沒有查找到預(yù)定義的檢查模式,說明reg本身就為正則表達式對象。
if ((type == "keypress" || type == "paste") typeof(window.event.srcElement.regcheck) != "undefined")
regExp = new RegExp(window.event.srcElement.regcheck); //按照用戶自定義的正則表達式生成正則表達式對象。
else
regExp = new RegExp(reg); //按照用戶自定義的正則表達式生成正則表達式對象。
msg = "輸入錯誤,請重新檢查"; //錯誤信息
}
//檢查觸發(fā)元素的值符合檢查模式,直接返回。
if (regExp.test(value)) return;
if (type == "blur") { //如果是失去焦點并且檢查不通過,則需要出現(xiàn)錯誤警告框。
//判斷用戶是否自己定義了錯誤信息
if (typeof(window.event.srcElement.msg) != "undefined")
msg = window.event.srcElement.msg;
//顯示錯誤信息
alert(msg);
//將焦點重新聚回觸發(fā)元素
window.event.srcElement.focus();
window.event.srcElement.select();
}
else { //如果是鍵盤按下或者粘貼事件并且檢查不通過,則取消默認動作。
//取消此次鍵盤按下或者粘貼操作
window.event.returnValue = false;
}
}
/SCRIPT>
應(yīng)用例子:
復(fù)制代碼 代碼如下:
html>
head>
style type="text/css">
TABLE {
width:100%;
}
INPUT {
behavior:url("validate.htc");
}
/style>
/head>
body style="margin:0">
table>
tr>td>a >/a>/td>/tr>
/table>
br>
table style="margin-left:20px">
tr>
td>驗證規(guī)則/td>
td>實時檢測/td>
td>失去焦點時檢測/td>
/tr>
tr>
td>非負整數(shù)(正整數(shù) + 0)/td>
td>input type="text" value="" reg="int+0" check>/td>
td>input type="text" value="" reg="int+0">/td>
/tr>
tr>
td>正整數(shù)/td>
td>input type="text" value="" reg="int+" check>/td>
td>input type="text" value="" reg="int+">/td>
/tr>
tr>
td>非正整數(shù)(負整數(shù) + 0)/td>
td>input type="text" value="" reg="int-0" check>/td>
td>input type="text" value="" reg="int-0">/td>
/tr>
tr>
td>負整數(shù)/td>
td>input type="text" value="" reg="int-" check>/td>
td>input type="text" value="" reg="int-">/td>
/tr>
tr>
td>整數(shù)/td>
td>input type="text" value="" reg="int" check>/td>
td>input type="text" value="" reg="int">/td>
/tr>
tr>
td>非負浮點數(shù)(正浮點數(shù) + 0)/td>
td>input type="text" value="" reg="double+0" check>/td>
td>input type="text" value="" reg="double+0">/td>
/tr>
tr>
td>正浮點數(shù)/td>
td>input type="text" value="" reg="double+" check>/td>
td>input type="text" value="" reg="double+">/td>
/tr>
tr>
td>非正浮點數(shù)(負浮點數(shù) + 0)/td>
td>input type="text" value="" reg="double-0" check>/td>
td>input type="text" value="" reg="double-0">/td>
/tr>
tr>
td>負浮點數(shù)/td>
td>input type="text" value="" reg="double-" check>/td>
td>input type="text" value="" reg="double-">/td>
/tr>
tr>
td>浮點數(shù)/td>
td>input type="text" value="" reg="double" check>/td>
td>input type="text" value="" reg="double">/td>
/tr>
tr>
td>由26個英文字母組成的字符串/td>
td>input type="text" value="" reg="char" check>/td>
td>input type="text" value="" reg="char">/td>
/tr>
tr>
td>由26個英文字母的大寫組成的字符串(輸入小寫字母會自動轉(zhuǎn)換成大寫)/td>
td>input type="text" value="" reg="upperchar" check upper>/td>
td>input type="text" value="" reg="upperchar" upper>/td>
/tr>
tr>
td>由26個英文字母的小寫組成的字符串(輸入大寫字母會自動轉(zhuǎn)換成小寫)/td>
td>input type="text" value="" reg="lowerchar" check lower>/td>
td>input type="text" value="" reg="lowerchar" lower>/td>
/tr>
tr>
td>由數(shù)字和26個英文字母組成的字符串/td>
td>input type="text" value="" reg="digitchar" check>/td>
td>input type="text" value="" reg="digitchar">/td>
/tr>
tr>
td>由數(shù)字、26個英文字母或者下劃線組成的字符串/td>
td>input type="text" value="" reg="digitchar_" check>/td>
td>input type="text" value="" reg="digitchar_">/td>
/tr>
tr>
td>email地址/td>
td>input type="text" value="" reg="email" check>/td>
td>input type="text" value="" reg="email">/td>
/tr>
tr>
td>url/td>
td>input type="text" value="" reg="url" check>/td>
td>input type="text" value="" reg="url">/td>
/tr>
tr>
td>自定義規(guī)則(只能輸入"aaa"),自定義報錯信息/td>
td>input type="text" value="" reg="^aaa$" regcheck="^a{1,3}$" msg="只能輸入aaa" check>/td>
td>input type="text" value="" reg="^aaa$" regcheck="^a{1,3}$" msg="只能輸入aaa">/td>
/tr>
/table>
hr width="50%" style="color: #FF0000">
div style="text-align:center;font-size:9pt">copyright 2004 copy 海洋工作室(a href="mailto:ocean@forever.net.cn">ocean@forever.net.cn/a>)/div>
p>nbsp;/p>
p>nbsp;/p>
p>nbsp;/p>
p>nbsp;/p>
/body>
/html>