jQuery validation plugin is not working in MVC 5

Question

I have made a form to insert some data into database using MVC 5. When I'm using the Layout page in the view  my jQuery validations are not firing. But when I'm not using the Layout page  the jQuery validations are firing. I have used the same validation code in both cases. Validation works well in this code: https://pastebin.com/ehyuL38L But validation does not work here : https://pastebin.com/TycLVrY6

Mukesh Nayak · Answer

HI Sabab It seems there is multiple refrence of Jquery and Jqueryvalidate.js.in one It should be in one common place . When you are using layout  then it should be in layout where these all should be reffered. Just comment the following line from layout : @Scripts.Render( ~/bundles/jquery ) and add following ~/Scripts/jquery-3.2.1.js > ~/Scripts/jquery.validate.js > Again if you are using bundling and these are mentioned there then do the other way round.

Ravi Patel · Answer

i can help in better way if you share your layout page code .

Ravi Patel · Answer

Hi  might be the reason your layout page does not have these two script references 1. 2. if you are using bundling concept check your bundleconfig file public class BundleConfig { // For more information on bundling visit http://go.microsoft.com/fwlink/?LinkId=301862 public static void RegisterBundles(BundleCollection bundles) { bundles.Add( new ScriptBundle( ~/bundles/jquery ).Include( ~/Scripts/jquery-{version}.js )); bundles.Add( new ScriptBundle( ~/bundles/jqueryval ).Include( ~/Scripts/jquery.validate* )); } } must be like above and your layout page should have below line @Scripts.Render( ~/bundles/jquery ) try this @{ ViewBag.Title = SaveFromForm ; Layout = ~/Views/Shared/_Layout.cshtml ; } Save From Form POST id= AddItemForm > for = Name >Name: Name type= text name= Name class = form-control /> for = Price >Price: Price type= text name= Price class = form-control /> Save type= submit name= Save value= Save class = btn btn-primary /> class = text-info > @ViewBag.Message @{ string message = ViewBag.Message; if (message!= null ) { if (message == Already Exist ) { Response.Write(  alert('This food already exists');  ); } else if (message== Saved ) { Response.Write(  alert('Successfully Saved');  ); } else if (message == Saving Failed ) { Response.Write(  alert('Saving Failed');  ); } } } @section Scripts { @Scripts.Render( ~/bundles/jqueryval ) OR ~/Scripts/jquery-3.2.1.js > ~/Scripts/jquery.validate.js > $(document).ready( function () { $( #AddItemForm ).validate({ rules: { Name: required  Price: { required: true  number: true  range: [0 100] } } messages: { Name: Please provide item name  Price: { required: Please provide item price  number: Please provide number only  range: You have to enter price between 0 to 100 } } }); }); }

Satyaprakash Samantaray · Answer

You should use CDN path instead using physical path