代碼如下:
/***************************************************************************************
* validate1.0
* 此代碼版權(quán)歸海洋工作室ocean所有，您可以非商業(yè)目的使用、復制、修改此代碼，但需要
* 保留本工作室的版權(quán)信息。如果您使用、修改此代碼為商業(yè)目的，請聯(lián)系本工作室取得使用許可。
*
* 如果您對本程序有什么建議，請email to:ocean@forever.net.cn。
*
* 海洋工作室
*
* ocean() 制作
*****************************************************************************************/
//鍵盤事件
<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+(","需要輸入一個非負浮點數(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]*))$","^((","需要輸入一個正浮點數(shù)，請重新檢查"), //正浮點數(shù)
new Array("double-0","^((-\\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","^(-?\\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-]+(","需要輸入正確的email地址，請重新檢查"), //email地址
new Array("url","^[a-zA-z]+://(>","需要輸入正確的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;i<regArray.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)用例子:
代碼如下:
<html>
<head>
<style type="text/css">
TABLE {
width:100%;
}
INPUT {
behavior:url("validate.htc");
}
</style>
</head>
<body style="margin:0">
<table>
<tr><td><a href="> border="0" src="logo.jpg"></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 © 海洋工作室（<a href=">）</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>
更多信息請查看IT技術(shù)專欄
公眾號
事業(yè)單位
當前位置：
公考類
招聘類
各類考試