Problem
In my project i have _Layout.cshtml and Index.cshtml and my javascript files. In my javascript file i am trying to use validate() method of Jquery plugin as i want to validate the form before submit. When i run my project i was getting error –
$(…).validate is not a function
Solution 1
If you are using validate() method of Jquery plugin then we have to make sure the library – “jquery.validate.min.js” is being added. So even after adding this library in my Index.cshtml page issue has not yet been solved. – Still an Issue
Solution 2
Added “jquery.validate.min.js” library in my _Layout.cshtml (master page) after registering the Jquery bundles. So we have to make sure “jquery.validate.min.js” library should be added after main Jquery library. So the sequence should be like below –
jquery-1.7.1.min.js jquery.validate.min.js jquery.validate.unobtrusive.min.js
Make sure you are following the above sequence because of one library dependent on other. And make sure you have enabled the client side validation in web.config like below –
<appSettings> <add key=”webpages:Version” value=”3.0.0.0″ /> <add key=”webpages:Enabled” value=”false” /> <add key=”ClientValidationEnabled” value=”true” /> <add key=”UnobtrusiveJavaScriptEnabled” value=”true” /> </appSettings>Adding in _Layout.cshtml under <body> tag like below has solved the validate() method issue –
@Scripts.Render(“~/bundles/jquery”) @Scripts.Render(“~/bundles/bootstrap”) @RenderSection(“scripts”, required: false) <script src=”~/MyFolder/jquery.validate.min.js” type=”text/javascript”/> <script src=”~/MyFolder/jquery.validate.unobtrusive.min.js” type=”text/javascript”/> <!-- Your other javascript libraries -->
Hope this article has solved your issue also. Please comment below.
No comments:
Post a Comment
Comments Section