jQuery Validation Engine 表单验证_jq validationengine 表单验证-CSDN博客

本文链接：https://blog.csdn.net/xiaouncle/article/details/52450517

功能强大的 jQuery 表单验证插件，适用于日常的 E-mail、电话号码、网址等验证及 Ajax 验证，除自身拥有丰富的验证规则外，还可以添加自定义的验证规则。
兼容 IE 6+, Chrome, Firefox, Safari, Opera 10+
使用步骤如下：

添加CSS、JavaScript文件
设置form表单 ID
给控件添加验证类型，即添加class=……
设置验证

使用实例如下：

<head runat="server">
    <title></title>
    <script src="Script/jquery-1.8.2.min.js" type="text/javascript"></script>
    <script src="Script/jquery.validator/jquery.validationEngine.js" type="text/javascript"></script>
    <script src="Script/jquery.validator/jquery.validationEngine-en.js" type="text/javascript"></script>
    <script src="Script/jquery.validator/jquery.validationEngine-zh_CN.js" type="text/javascript"></script>
    <link href="Script/jquery.validator/validationEngine.jquery.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        function Validate() {
            //参数值必须是validate
            $("#form1").validationEngine('validate');
        }
        $(document).ready(function () {
            //直接调用
            //$("#form1").validationEngine();
            //自定义参数调用
            $("#form1").validationEngine({
                promptPosition: 'centerRight',
                scroll: false,
                onSuccess: function () {
                    alert("验证成功");
                },
                onFailure: function () {
                    alert("验证失败");
                }
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server" >
    <div>
        <!--多种验证规则之间用英文逗号(,)隔开-->
        必填：<input id="Text1" type="text" class="validate[required]" /><br />
        数字：<input id="Text2" type="text" class="validate[required,custom[integer]]" /><br />
        最少6位：<input id="Text3" type="text" class="validate[required,minSize[6]]" /><br />
        <input type="button" value="提交" class="submit" onclick="Validate()" />
    </div>
    </form>
</body>