Jquery表单验证不起作用

Posted

技术标签:

【中文标题】Jquery表单验证不起作用【英文标题】:Jquery Form Validation nor working 【发布时间】:2015-06-22 06:25:37 【问题描述】:

请帮帮我,我是 asp.net 的新手,想创建一个带有表单验证的简单页面。

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
<script type="text/javascript">

    $(document).ready(function () 
      $("#Form1").validate(
        rules: 
                UserName: "required"

            ,
            messages: 
                UserName: "Enter your firstname"
            
         );

    );


</script>

Login.aspx 页面

登录

<p>
    Please enter your username and password.
    <asp:HyperLink ID="RegisterHyperLink" runat="server" EnableViewState="false">Register</asp:HyperLink> if you don't have an account.

</p>
<asp:Login ID="LoginUser" runat="server" EnableViewState="false" RenderOuterTable="false">
    <LayoutTemplate>
        <span class="failureNotification">
            <asp:Literal ID="FailureText" runat="server"></asp:Literal>
        </span>

        <div class="accountInfo">
            <fieldset class="login">
                <legend>Account Information</legend>
                <p>
                    <asp:Label ID="UserNameLabel" runat="server" AssociatedControlID="UserName">Username:</asp:Label>
                    <asp:TextBox ID="UserName" runat="server" CausesValidation="True" ClientIDMode="Static" ></asp:TextBox>

                </p>
                <p>
                    <asp:Label ID="PasswordLabel" runat="server" AssociatedControlID="Password">Password:</asp:Label>
                    <asp:TextBox ID="Password" runat="server" TextMode="Password"></asp:TextBox>
                </p>
                <p>
                    <asp:CheckBox ID="RememberMe" runat="server"/>
                    <asp:Label ID="RememberMeLabel" runat="server" AssociatedControlID="RememberMe" CssClass="inline">Keep me logged in</asp:Label>
                </p>

            </fieldset>
            <p class="submitButton">
                <asp:Button ID="LoginButton" runat="server" CommandName="Login" Text="Log In"/>
            </p>
        </div>
    </LayoutTemplate>
</asp:Login>

上面显示的是我在母版页上编写的部分代码。

没有显示错误,但不幸的是脚本无法运行。

【问题讨论】:

显示控制台输出。您确定要在库源上使用 http 吗? 你的 html 是什么样的? 这段代码是正确的,你可以显示html片段 你必须记住,验证结果是在表单到达或显式调用方法valid()时显示的 【参考方案1】:

不知道脚本应该按照 asp:login 控制。

""

对不起各位,在我错过了我的 HTML 代码之前 :(

【讨论】:

以上是关于Jquery表单验证不起作用的主要内容,如果未能解决你的问题,请参考以下文章

插入日期选择器后 Jquery 表单验证不起作用

jquery验证动态表单输入的插件不起作用

使用 Jquery 验证插件提交 Ajax 表单不起作用

jQuery 验证插件在 WordPress 中不起作用

JQuery 表单验证在开发浏览器上不起作用

JQuery 验证问题:我在同一页面上有 2 个表单,每个表单在 2 个不同的选项卡中,但只有一个验证不起作用