0

我是 jQuery 验证插件（验证引擎）的初学者。我写了这段代码

<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 警报时通过此代码显示。

4

1 回答 1

9

试试这个

<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();
            }
        });
    });

于 2012-05-04T15:49:11.153 回答