Блог

Я не могу напечатать сообщение об ошибке, пожалуйста, помогите мне, я думаю, что не могу правильно вызвать эту функцию, пожалуйста, помогите мне, я новичок в jquery..

 $(document).ready(function () {
$("form").submit(function () {
    $("#form1").validate({

        rules: {
            name: "required",
            password: "required",
            repassword: "required",
            email: {
                required: true,
                email: true
            },
            mobile: "required"
        },
        messages: {
            name: "Please specify your name",
            password: "Please specify your Password",
            repassword: "Please specify your Repassword",
            email: {
                required: "We need your email address to contact you",
                email: "Your email address must be in the format of name@domain.com"
            },
            mobile: "Please specify your Mobile Number"
        },
        showErrors: function (errorMap, errorList) {
            if (errorList.length) {
                $("span").html(errorList[0].message);
            }
        }
    });
});
});
  

Это мой интерфейсный код, который я вызываю для проверки при отправке формы——

 <form id="form1" action="" method="post" runat="server">
<div>

    <asp:label ID="heading" runat="server" text="Validation Form"></asp:label>
    <span id="res"></span>
    <table>
        <tr>
            <td class="deslabel">
                <asp:Label ID="Label1" runat="server" Text="Name"></asp:Label>
            </td>
            <td>
                <asp:TextBox ID="TextBox1" runat="server" CssClass="destext" name="name"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td class="deslabel">
                <asp:Label ID="Label2" runat="server" Text="Password"></asp:Label>
            </td>
            <td>
                <asp:TextBox ID="TextBox2" runat="server" CssClass="destext" name="password"></asp:TextBox>
            </td>

        </tr>
        <tr>
            <td class="deslabel">
                <asp:Label ID="Label3" runat="server" Text="ResetPassword"></asp:Label>
            </td>
            <td>
                <asp:TextBox ID="TextBox3" runat="server" CssClass="destext" name="repassword"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td class="deslabel">
                <asp:Label ID="Label4" runat="server" Text="Email"></asp:Label>
            </td>
            <td>
                <asp:TextBox ID="TextBox4" runat="server" CssClass="destext" name="email"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td class="deslabel">
                <asp:Label ID="Label5" runat="server" Text="Mobile"></asp:Label>
            </td>
            <td>
                <asp:TextBox ID="TextBox5" runat="server" CssClass="destext" name="mobile"></asp:TextBox>
            </td>
        </tr>
        <tr align="center">
            <td colspan="2">
                <asp:Button ID="Button1" runat="server" Text="Validate" CssClass="destext" />
            </td>
        </tr>


    </table>
</div>


</form>
  

Вам нужно вызвать validate load, а не submit. Если вы настроили проверку при отправке формы, слишком поздно ее проверять.

 $(document).ready(function() {
    $("#form1").validate({
        // Rest of your settings...
    });
});