Question

我是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时首先验证表单。如果表单在显示中是有效警报，但是当用户点击button1警告时，通过此代码显示。

Answer 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中的validationengine插件检查验证表单

1 个答案: