用htc实现验证模块

/***************************************************************************************
 *                                   validate1.0
 *     此代码版权归海洋工作室ocean所有，您可以非商业目的使用、复制、修改此代码，但需要
 * 保留本工作室的版权信息。如果您使用、修改此代码为商业目的，请联系本工作室取得使用许可。
 *
 * 如果您对本程序有什么建议，请email to:[e-mail]。
 *
 *                                                                          海洋工作室
 *                                                          http://www.oceanstudio.net
 *                                                     ocean([e-mail]) 制作
 *****************************************************************************************/
//键盘事件
<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+(\\.\\d+)?$","^((\\d+\\.)|(\\d+(\\.\\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-0","^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$","^(-|(-\\d+\\.)|(0+\\.)|(-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$","需要输入一个非正浮点数，请重新检查"),    //非正浮点数（负浮点数 + 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+)(\\.\\d+)?$","^(-|((-?\\d+)(\\.\\d+)?)|(-?\\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-]+(\\.[\\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() {
    //得到触发事件的类型
    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="http://www.oceanstudio.net"><img 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 &copy 海洋工作室（<a href="mailto:[e-mail]">[e-mail]</a>）</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>