在 JavaScript 中使用验证引擎插件检查验证表单

Posted

技术标签:

【中文标题】在 JavaScript 中使用验证引擎插件检查验证表单【英文标题】:check validate forms with validationengine plugin in JavaScript 【发布时间】:2012-05-14 02:11:34 【问题描述】:

我是 jQuery 验证插件 (validationengine) 的初学者。我写了这段代码

<head runat="server">
    <title></title>
    <link href="validationEngine.jquery.css" rel="stylesheet" type="text/css" />
    <script src="jquery-1.6.min.js" type="text/javascript"></script>
    <script src="jquery.validationEngine-fa.js" type="text/javascript"></script>
    <script src="jquery.validationEngine.js" type="text/javascript"></script>
    <script>
        $(function () 
            jQuery("#form1").validationEngine();
            $("#Button1").click(function () 

                alert("hhhhhhhhhhh");
            );
        );
    </script>


</head>
<body>
    <form id="form1" runat="server">
    <div>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
        <asp:Button ID="Button2" runat="server" Text="Button" onclick="Button2_Click" />
        <input id="Text1" type="text" class="validate[required] text-input" />
        <input id="Button1" type="button" value="button" />
    </div>
    </form>
</body>

我希望当用户单击 Button1 时首先验证表单。如果表单在显示中是有效的警报,但是当用户单击按钮时通过此代码显示警报。

【问题讨论】:

【参考方案1】:

试试这个

<script type="text/javascript">
    $(document).ready(function () 

        $("#form1").validationEngine();

        $("#Button1").live('click', function () 
            var valid = $("#form1").validationEngine('validate');
            var vars = $("#form1").serialize();

            if (valid == true) 

                alert("Hi");

             else 
                $("#form1").validationEngine();
            
        );
    );

</script>

这也有效

 <script type="text/javascript">
    $(document).ready(function () 

        $("#form1").validationEngine();

        $("#Button1").click(function () 
            var valid = $("#form1").validationEngine('validate');
            var vars = $("#form1").serialize();

            if (valid == true) 

                alert("Hi");

             else 
                $("#form1").validationEngine();
            
        );
    );

【讨论】:

以上是关于在 JavaScript 中使用验证引擎插件检查验证表单的主要内容,如果未能解决你的问题,请参考以下文章

pay支付参数验签失败咋回事

使用 JavaScript / jQuery 进行简单的数字验证

luffy之极验短信验证(多条件登录)

教你巧用jQuery插件在后端开发中体验到飞

在 WordPress 插件开发中使用 javascript 验证

从验证收据中检查自动续订订阅到期日期