Databases
StackOverflow2013
Postsdbo
POjqBootstrapValidation is not a function
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POjqBootstrapValidation is not a function
    primarykey
    data
    text
    <p>I have a standard .NET 4.5 Webforms application. However as soon as I include the jqBootstrapValidation from <a href="http://reactiveraven.github.io/jqBootstrapValidation/" rel="nofollow">http://reactiveraven.github.io/jqBootstrapValidation/</a> I get the error:</p> <pre><code>jqBootstrapValidation is not a function </code></pre> <p>in the Firebug console. How do I track this down? I include the relevant sections of my site master:</p> <pre><code>&lt;head runat="server"&gt; &lt;meta charset="utf-8" /&gt; &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"&gt; &lt;/script&gt; &lt;script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"&gt; &lt;/script&gt; &lt;link href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css" rel="stylesheet"&gt; &lt;script src="//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"&gt; &lt;/script&gt; &lt;script src="//raw.github.com/ReactiveRaven/jqBootstrapValidation/1.3.6/jqBootstrapValidation.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body data-spy="scroll" data-target="#NavbarLeft"&gt; &lt;form novalidate class="form-horizontal" runat="server"&gt; &lt;asp:ScriptManager runat="server" EnablePageMethods="True" EnableCdn="True"&gt; &lt;Scripts&gt; &lt;%--Framework Scripts--%&gt; &lt;asp:ScriptReference Name="MsAjaxBundle" /&gt; &lt;asp:ScriptReference Name="WebForms.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebForms.js" /&gt; &lt;asp:ScriptReference Name="WebUIValidation.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebUIValidation.js" /&gt; &lt;asp:ScriptReference Name="MenuStandards.js" Assembly="System.Web" Path="~/Scripts/WebForms/MenuStandards.js" /&gt; &lt;asp:ScriptReference Name="GridView.js" Assembly="System.Web" Path="~/Scripts/WebForms/GridView.js" /&gt; &lt;asp:ScriptReference Name="DetailsView.js" Assembly="System.Web" Path="~/Scripts/WebForms/DetailsView.js" /&gt; &lt;asp:ScriptReference Name="TreeView.js" Assembly="System.Web" Path="~/Scripts/WebForms/TreeView.js" /&gt; &lt;asp:ScriptReference Name="WebParts.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebParts.js" /&gt; &lt;asp:ScriptReference Name="Focus.js" Assembly="System.Web" Path="~/Scripts/WebForms/Focus.js" /&gt; &lt;asp:ScriptReference Name="WebFormsBundle" /&gt; &lt;%--Site Scripts--%&gt; &lt;/Scripts&gt; &lt;/asp:ScriptManager&gt; </code></pre> <p>and then before the closing body tag:</p> <pre><code> &lt;/form&gt; &lt;%--//Comment this in once we can work out why it wont compile--%&gt; &lt;script&gt; $(function () { $("input,select,textarea").not("[type=submit]").jqBootstrapValidation(); }); &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>Below is the relevant code from App_Start registering the bundles....</p> <pre><code>public class BundleConfig { public static void RegisterBundles(BundleCollection aBundles) { aBundles.Add(new ScriptBundle("~/Bundles/WebFormsJs").Include( "~/Scripts/WebForms/WebForms.js", "~/Scripts/WebForms/WebUIValidation.js", "~/Scripts/WebForms/MenuStandards.js", "~/Scripts/WebForms/Focus.js", "~/Scripts/WebForms/GridView.js", "~/Scripts/WebForms/DetailsView.js", "~/Scripts/WebForms/TreeView.js", "~/Scripts/WebForms/WebParts.js")); aBundles.Add(new ScriptBundle("~/Bundles/MsAjaxJs").Include( "~/Scripts/WebForms/MsAjax/MicrosoftAjax.js", "~/Scripts/WebForms/MsAjax/MicrosoftAjaxApplicationServices.js", "~/Scripts/WebForms/MsAjax/MicrosoftAjaxTimer.js", "~/Scripts/WebForms/MsAjax/MicrosoftAjaxWebForms.js")); // Use the Development version of Modernizr to develop with and learn from. Then, when you’re // ready for production, use the build tool at http://modernizr.com to pick only the tests you need aBundles.Add(new ScriptBundle("~/Bundles/modernizr").Include( "~/Scripts/modernizr-*")); } } </code></pre> <p>What am I missing here and how do I fix it? Diagnose these kinds of "not a function" issues.</p> <p>It seems the error disappears if I don't have any fields protected by <a href="http://amanek.com/building-data-annotations-validator-control-with-client-side-validation/" rel="nofollow">http://amanek.com/building-data-annotations-validator-control-with-client-side-validation/</a></p> <p>But I still don't see how this would be affecting things as that is using pure JS under the skin.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USTheEdge
    1. USTheEdge
    plurals
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COCan you check if you will have issues when instead of DataAnnotationsValidator you will put a standard ASP.NET validators?
      singulars
      1. POjqBootstrapValidation is not a function
      1. USAlexander Manekovskiy
    2. CO@AlexanderManekovskiy It appears that unobtrusive validation was the culprit. See my answer below.
      singulars
      1. POjqBootstrapValidation is not a function
      1. USTheEdge
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload