我无法使用 jQuery 为以下文档验证 ASP 输入

Posted

技术标签:

【中文标题】我无法使用 jQuery 为以下文档验证 ASP 输入【英文标题】:I cannot validate ASP input using jQuery for the following Document 【发布时间】:2017-05-10 04:15:32 【问题描述】:
head runat="server">
    <title></title>

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
    <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <script type="text/javascript">
         $document.ready(function()
    $("#Form1").validate(
        rules:
          txtFname:
                required:true,
                rangelength:[3,20],
            
        ,
        messages: 
            txtFname: "First Name Is Required",
        
    )
            )//ready function close
        </script>
</head>
<body>
    <form id="Form1" runat="server" clientidmode="static">
        <asp:TextBox ID="txtFname" CssClass="form-control" runat="server"></asp:TextBox>
        <asp:Button CssClass="btn btn-primary" id="btnSubmit" runat="server" Text="Submit"/>
    </form>
</body>

我正在尝试验证模式中第 1 行表单中的 txtFname 字段,但我无法......我似乎无法弄清楚原因。有人可以帮忙吗? 我正在使用引导程序 v3

【问题讨论】:

如果您使用的是母版页,则此 id 将被更改,您可以通过浏览器中的检查元素检查这一点 我没有使用母版页 - 只是一个空白的 Web 表单 【参考方案1】:

似乎是语法问题(括号、一些额外的冒号和缺少的分号......等等)

尝试以下应该可以工作:

<script type="text/javascript">
     $(document).ready(function() 
         $("#Form1")
             .validate(
                 rules: 
                     txtFname: 
                         required: true,
                         rangelength: [3, 20]
                     
                 ,
                 messages: 
                     txtFname: "First Name Is Required"
                 
             );
     )//ready function close
    </script>

【讨论】:

以上是关于我无法使用 jQuery 为以下文档验证 ASP 输入的主要内容,如果未能解决你的问题,请参考以下文章

ASP.NET MVC 4 验证后自定义 jQuery 脚本无法正常工作

将 jquery 验证插件添加到 asp.net 4.5

ASP.net MVC 3 jQuery 验证;禁用不显眼的 OnKeyUp?

ASP.NET MVC - JQuery - 验证可编辑表列的唯一值

ASP.NET Core 2.2 中的 Azure AD 身份验证

ASP.NET MVC 验证器无法识别引导程序 DatePicker 格式