未捕获的TypeError: undefined不是函数.ASP中的JQuery验证.NET Web表单

Uncaught TypeError: undefined is not a function. JQuery validation in ASP.NET Web Form

本文关键字：JQuery 中的 ASP 验证 NET 表单 Web 函数 TypeError undefined      更新时间：2023-09-26

我正在尝试验证ASP。. NET web表单使用jQuery验证

在网站。我包含了这些脚本

<script src="/Scripts/jquery-1.4.4.js"></script>
<script src="/Scripts/jquery-1.4.4.min.js"></script>
<script src="/Scripts/jquery.validate.js"></script>
<script src="/Scripts/jquery.validate.min.js"></script>
在修改

。在aspx中，我包含一个自定义脚本

<script type="text/javascript">
    $(document).ready(function () {
        $('#<%= Form.ClientID%>').validate({
            highlight: function (element) {
                $(element).addClass('has-error');
            },
            unhighlight: function (element, errorClass, validClass) {
                $(element).removeClass('has-error');
            }
        });
    }(jQuery));
</script>

正如您所看到的，我正在尝试为验证的输入添加或删除css类。

然后我得到一个错误

Uncaught TypeError: undefined is not a function
谁能帮我解决这个问题?可能这个脚本也不对，请帮我修改一下非常感谢!

我同意其他人的观点，他们说您不应该在导入代码中使用过时的库并混合完整和缩小版本的脚本。下面的代码片段应该为您提供一个开端。为化妆品添加了一个引导css参考。

 <script src="Scripts/jquery-1.10.2.min.js"></script>
 <script src="Scripts/jquery-validate.min.js"></script>
<link href="Scripts/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
  <script type="text/javascript">
    $(document).ready(function () {
        $('#form1').validate({
            onKeyup: true,
            eachValidField: function () {
                $(this).closest('div').removeClass('error').addClass('success');
            },
            eachInvalidField: function () {
                $(this).closest('div').removeClass('success').addClass('error');
            }
    });
    });


 <form id="form1" runat="server" class="test">
<div class="control-group input-append">
<input type="text" data-required="true"/>
   <button type="submit" class="btn btn-primary">Send</button>
</div>
</form>
相关文章：