代码如下:
/***************************************************************************************
* validate1.0
* 此代码版权归海洋工作室ocean所有,您可以非商业目的使用、复制、修改此代码,但需要
* 保留本工作室的版权信息。如果您使用、修改此代码为商业目的,请联系本工作室取得使用许可。
*
* 如果您对本程序有什么建议,请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>
//预定义的检查模式
var regarray = new array(
new array(int+0,^\\d+$,,需要输入一个非负整数,请重新检查), //非负整数(正整数 + 0)
new array(int+,^[0-9]*[1-9][0-9]*$,^\\d+$,需要输入一个正整数,请重新检查), //正整数
new array(int-0,^((-\\d+)|(0+))$,^(-|(-\\d+)|(0+))$,需要输入一个非正整数,请重新检查), //非正整数(负整数 + 0)
new array(int-,^-[0-9]*[1-9][0-9]*$,^(-|(-\\d+)|(0+))$,需要输入一个负整数,请重新检查), //负整数
new array(int,^-?\\d+$,^-|(-?\\d+)$,需要输入一个整数,请重新检查), //整数
new array(double+0,^\\d+(,需要输入一个非负浮点数,请重新检查), //非负浮点数(正浮点数 + 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]*))$,^((,需要输入一个正浮点数,请重新检查), //正浮点数
new array(double-0,^((-\\d+(,需要输入一个非正浮点数,请重新检查), //非正浮点数(负浮点数 + 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+))$,需要输入一个负浮点数,请重新检查), //负浮点数
new array(double,^(-?\\d+)(,需要输入一个浮点数,请重新检查), //浮点数
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]+$,,您只能输入数字和英文字母,请重新检查), //由数字和26个英文字母组成的字符串
new array(digitchar_,^\\w+$,,您只能输入数字、英文字母和下划线,请重新检查), //由数字、26个英文字母或者下划线组成的字符串
new array(email,^[\\w-]+(,需要输入正确的email地址,请重新检查), //email地址
new array(url,^[a-za-z]+://(>,需要输入正确的url地址,请重新检查) //url
);
//受控元素默认的事件处理程序
function doevent() {
//得到触发事件的类型
var type = window.event.type;
//得到触发元素的值。
var value = window.event.srcelement.value;
if (type == keypress) { //如果是键盘按下事件,得到键盘按下后的值
var keycode = window.event.keycode;
if (typeof(window.event.srcelement.upper) != undefined) { //如果定义了转换大写
if (keycode >= 97 && keycode <= 122)
keycode = window.event.keycode = keycode - 32;
}
else if (typeof(window.event.srcelement.lower) != undefined) { //如果定义了转换小写
if (keycode >= 65 && keycode <= 90)
keycode = window.event.keycode = keycode + 32;
}
value += string.fromcharcode(keycode);
}
else if (type == paste) {
value += window.clipboarddata.getdata(text);
}
//如果触发元素的值为空,则表示用户没有输入,不接受检查。
if (value == ) return;
//如果触发元素没有设置reg属性,则返回不进行任何检查。
if (typeof(window.event.srcelement.reg) == undefined) return;
//如果触发元素没有定义check属性,则在按键和粘贴事件中不做检查
if ((type == keypress || type == paste) && typeof(window.event.srcelement.check) == undefined) return;
//如果没有通过检查模式,出现的错误信息
var msg = ;
//得到检查模式
var reg = window.event.srcelement.reg;
//正则表达式对象
var regexp = null;
//从预定义的检查模式中查找正则表达式对象
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]); //查找到预定义的检查模式
else
regexp = new regexp(regarray[i][1]); //查找到预定义的检查模式
msg = regarray[i][3]; //定义预定义的报错信息
break; //查找成功,退出循环
}
}
if (regexp == null) { //如果没有查找到预定义的检查模式,说明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 = 输入错误,请重新检查; //错误信息
}
//检查触发元素的值符合检查模式,直接返回。
if (regexp.test(value)) return;
if (type == blur) { //如果是失去焦点并且检查不通过,则需要出现错误警告框。
//判断用户是否自己定义了错误信息
if (typeof(window.event.srcelement.msg) != undefined)
msg = window.event.srcelement.msg;
//显示错误信息
alert(msg);
//将焦点重新聚回触发元素
window.event.srcelement.focus();
window.event.srcelement.select();
}
else { //如果是键盘按下或者粘贴事件并且检查不通过,则取消默认动作。
//取消此次键盘按下或者粘贴操作
window.event.returnvalue = false;
}
}
</script>
应用例子:
代码如下:
<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>验证规则</td>
<td>实时检测</td>
<td>失去焦点时检测</td>
</tr>
<tr>
<td>非负整数(正整数 + 0)</td>
<td><input type=text value= reg=int+0 check></td>
<td><input type=text value= reg=int+0></td>
</tr>
<tr>
<td>正整数</td>
<td><input type=text value= reg=int+ check></td>
<td><input type=text value= reg=int+></td>
</tr>
<tr>
<td>非正整数(负整数 + 0)</td>
<td><input type=text value= reg=int-0 check></td>
<td><input type=text value= reg=int-0></td>
</tr>
<tr>
<td>负整数</td>
<td><input type=text value= reg=int- check></td>
<td><input type=text value= reg=int-></td>
</tr>
<tr>
<td>整数</td>
<td><input type=text value= reg=int check></td>
<td><input type=text value= reg=int></td>
</tr>
<tr>
<td>非负浮点数(正浮点数 + 0)</td>
<td><input type=text value= reg=double+0 check></td>
<td><input type=text value= reg=double+0></td>
</tr>
<tr>
<td>正浮点数</td>
<td><input type=text value= reg=double+ check></td>
<td><input type=text value= reg=double+></td>
</tr>
<tr>
<td>非正浮点数(负浮点数 + 0)</td>
<td><input type=text value= reg=double-0 check></td>
<td><input type=text value= reg=double-0></td>
</tr>
<tr>
<td>负浮点数</td>
<td><input type=text value= reg=double- check></td>
<td><input type=text value= reg=double-></td>
</tr>
<tr>
<td>浮点数</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个英文字母的大写组成的字符串(输入小写字母会自动转换成大写)</td>
<td><input type=text value= reg=upperchar check upper></td>
<td><input type=text value= reg=upperchar upper></td>
</tr>
<tr>
<td>由26个英文字母的小写组成的字符串(输入大写字母会自动转换成小写)</td>
<td><input type=text value= reg=lowerchar check lower></td>
<td><input type=text value= reg=lowerchar lower></td>
</tr>
<tr>
<td>由数字和26个英文字母组成的字符串</td>
<td><input type=text value= reg=digitchar check></td>
<td><input type=text value= reg=digitchar></td>
</tr>
<tr>
<td>由数字、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>自定义规则(只能输入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>