高灵活度WEBFORM表单验证框架寻求内测人员～

<html>
<head>
<title>Nouo 使用演示</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-CN" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="windows-Target" content="_top" />
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<script src="Nouo/Main.Debug.js" language="javascript"  type="text/javascript"></script>
<script src="Nouo/Custom.js" language="javascript"  type="text/javascript"></script>
<script type="text/javascript" language="javascript">
    $ = function(d) { return document.getElementById(d) };
    var C = new Nouo("演示表单");
    with (C) {
        Refer = "/post.asp";
        Start(function() {
            with (AddItem("用户名")) {
                check.mode = runmode.all; //双向验证,自定义正则和系统流程
                check.required = true;  //必填
                check.initial = true; //首字母必须为字母
                check.addtype(chartype.english); //添加字符类型
                check.addtype(chartype.other("_")); //添加特殊字符
                check.minlength = 4;    //最小长度
                check.maxlength = 20;  //最大长度
                check.contrast = custom.user; //自定义正则
                check.dispose = disposeitem; //处理函数,返回处理结果和本item
            };
            with (AddItem("用户", 0)) {
                check.mode = runmode.regular; //自定义正则验证
                check.contrast = custom.user; //自定义正则
                check.dispose = disposeitem; //处理函数,返回处理结果和本item
            };
            with (AddItem("用户", 1)) {
                check.mode = runmode.sys; //系统流程验证
                check.required = true;  //必填
                check.initial = true; //首字母必须为字母
                check.addtype(chartype.english); //添加字符类型
                check.addtype(chartype.other("_")); //添加特殊字符
                check.minlength = 4;    //最小长度
                check.maxlength = 20;  //最大长度
                check.dispose = disposeitem; //处理函数,返回处理结果和本item
            };
            with (AddItem("真实姓名")) {
                check.mode = runmode.sys; //系统流程验证
                check.required = true;  //必填
                check.addtype(chartype.chinese); //添加字符类型
                check.minlength = 4;    //最小长度
                check.maxlength = 8;  //最大长度
                check.dispose = disposeitem; //处理函数,返回处理结果和本item
            };
            with (AddItem("密码", 0)) {
                check.mode = runmode.sys; //系统流程验证
                check.required = true;  //必填
                check.addtype(chartype.english); //添加字符类型
                check.addtype(chartype.number); //添加字符类型
                check.minlength = 6;    //最小长度
                check.maxlength = 20;  //最大长度
                check.dispose = disposeitem; //处理函数,返回处理结果和本item
            };
            with (AddItem("密码", 1)) {
                check = item["密码_0"].check;
                check.equal = item["密码_0"].obj
            };
        })
    };
    disposeitem = function(e, m) {
        if(e!==0)
            $(m.sys.name + "_tips").innerHTML = $(e + "_" + m.sys.name).innerHTML;
        else
            $(m.sys.name + "_tips").innerHTML = "[" + m.obj.value + "]" + $(e + "_" + m.sys.name).innerHTML;
    }
</script>
</head>
<body>
<img src="nouo/nouo.png" />
<h1>Web Form Validate Frame V0.12 Beta</h1>
<form id="DemoFrom" name="演示表单" action="">
<div class="">
<label class="">用户名(双验证):<input type="text" name="用户名" id="username" /></label>
<span class="" id="用户名_tips">英文,下划线,点,首字母必须为字母,长度[4-20],必填  正则/^\w{1}[\w|\d]{3,15}$/</span>
</div>
<div class="">
<label class="">用户1(正则验证):<input type="text" name="用户" id="user1" /></label>
<span class="" id="用户_0_tips">正则/^\w{1}[\w|\d]{3,15}$/</span>
</div>
<div class="">
<label class="">用户2(流程验证):<input type="text" name="用户" id="user2" /></label>
<span class="" id="用户_1_tips">英文,下划线,点,首字母必须为字母,长度[4-20],必填</span>
</div>
<div class="">
<label class="">真实姓名(流程验证):<input type="text" name="真实姓名" id="myname" /></label>
<span class="" id="真实姓名_tips">中文,长度[4-8],必填</span>
</div>
<div class="">
<label class="">密码1(流程验证):<input type="password" name="密码" id="Text1" /></label>
<span class="" id="密码_0_tips">英文,数字,长度[6-20],必填</span>
</div>
<div class="">
<label class="">密码2(流程验证):<input type="password" name="密码" id="Text2" /></label>
<span class="" id="密码_1_tips">英文,数字,长度[6-20],必填,与密码1相等</span>
</div>
<input type="submit" value="提交" />
</form>
<div id="msgtips" style="display:none;">
    <div id="0_用户名">符合要求!</div>
    <div id="1_用户名">长度不能少于定义的长度!</div>
    <div id="2_用户名">超过定义的长度!</div>
    <div id="3_用户名">不符合定义的字符类型!</div>
    <div id="4_用户名">首字母必须为字母!</div>
    <div id="9_用户名">必填项!不能为空</div>
    <div id="99_用户名">不符合正则要求!</div>

    <div id="0_用户_0">符合要求!</div>
    <div id="99_用户_0">不符合正则要求!</div>

    <div id="0_用户_1">符合要求!</div>
    <div id="1_用户_1">长度不能少于定义的长度!</div>
    <div id="2_用户_1">超过定义的长度!</div>
    <div id="3_用户_1">不符合定义的字符类型!</div>
    <div id="4_用户_1">首字母必须为字母!</div>
    <div id="9_用户_1">必填项!不能为空</div>

    <div id="0_真实姓名">符合要求!</div>
    <div id="1_真实姓名">长度不能少于定义的长度!</div>
    <div id="2_真实姓名">超过定义的长度!</div>
    <div id="3_真实姓名">必须为中文!</div>
    <div id="9_真实姓名">必填项!不能为空</div>

    <div id="0_密码_0">符合要求!</div>
    <div id="1_密码_0">长度不能少于定义的长度!</div>
    <div id="2_密码_0">超过定义的长度!</div>
    <div id="3_密码_0">不符合定义的字符类型!</div>
    <div id="9_密码_0">必填项!不能为空</div>

    <div id="0_密码_1">符合要求!</div>
    <div id="1_密码_1">长度不能少于定义的长度!</div>
    <div id="2_密码_1">超过定义的长度!</div>
    <div id="3_密码_1">不符合定义的字符类型!</div>
    <div id="4_密码_1">二次输入的值不一样!</div>
    <div id="9_密码_1">必填项!不能为空</div>
</div>
</body>
</html>

调试易

高灵活度WEBFORM表单验证框架寻求内测人员～

解决方案 »