Twitter bootstrap 引导验证程序抛出';BootstrapValidator';s JavaScript需要jQuery';

Twitter bootstrap 引导验证程序抛出';BootstrapValidator';s JavaScript需要jQuery';,twitter-bootstrap,validation,webforms,Twitter Bootstrap,Validation,Webforms,我正在构建一个简单的web表单web应用程序,我想使用用于验证的。我不太喜欢jQuery,所以我使用数据注释 我在bundle.config中包含了所需的CSS文件 <include path="~/Content/bootstrapValidator.min.css" /> 我在母版页中呈现了脚本: <%: Scripts.Render("~/bundles/jquery") %> <%: Scripts.Render("~/bundles/validator"

我正在构建一个简单的web表单web应用程序,我想使用用于验证的。我不太喜欢jQuery,所以我使用数据注释

我在bundle.config中包含了所需的CSS文件

<include path="~/Content/bootstrapValidator.min.css" />
我在母版页中呈现了脚本:

<%: Scripts.Render("~/bundles/jquery") %>
<%: Scripts.Render("~/bundles/validator") %>

而且仍然没有客户端验证,所以…

让我指出,确保包含jQuery,但确保在需要它的函数之前包含它。在包含jQuery之前,您可以使用脚本包在页面上包含验证器。这将使它失败。试着做:

<%: Scripts.Render("~/bundles/jquery") %>
<%: Scripts.Render("~/bundles/validator") %>


包含库时,顺序始终很重要。总是先包含jQuery,然后再包含任何使用它的库。

jQuery是先包含的吗?如果没有,您应该首先包含它,然后是bootstrapValidator js。我做了更改,但仍然没有运气,我更新了问题您必须调试代码以查看哪一行引发此异常。代码中只有一行javascript代码,这就是引发异常的代码-`$('form')。bootstrapValidator()`看起来没有包含bootstrapValidator js,请检查。我刚刚添加了一个编辑,它解决了异常,但仍然不起作用
<form runat="server" data-bv-feedbackicons-valid="glyphicon glyphicon-ok" data-bv-feedbackicons-invalid="glyphicon glyphicon-remove" data-bv-feedbackicons-validating="glyphicon glyphicon-refresh">
<div class="row">
    <div class="col-md-6">
        <table class="table table-condensed table-responsive">
            <tr>
                <td class="text-right text-middle col-md-5">
                    Username:
                </td>
                <td class="text-middle">
                    <asp:TextBox runat="server" ID="Username" CssClass="form-control" data-bv-notempty="true"/>
                </td>
            </tr>
            <tr>
                <td class="text-right text-middle col-md-5">
                    Password:
                </td>
                <td class="text-middle">
                    <asp:TextBox runat="server" ID="Password" TextMode="Password" CssClass="form-control" data-bv-notempty="true"/>
                </td>
            </tr>
        </table>
    </div>
</div>
<asp:Button runat="server" OnClick="LogIn" Text="Log in" CssClass="btn btn-primary col-md-4 col-md-offset-1"/>
<script>
    $(document).ready(function() {
        $('form').bootstrapValidator();
    });
</script>
Uncaught TypeError: undefined is not a function 
(anonymous function) 
fire 
self.fireWith 
jQuery.extend.ready 
completed
<%: Scripts.Render("~/bundles/jquery") %>
<%: Scripts.Render("~/bundles/validator") %>