jQuery validation plugin is not working in MVC 5

Sabab Zulfiker

9y9.9k.NET

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

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Satyaprakash Samantaray8y ago
You should use CDN path instead using physical path
0
Mukesh Nayak9y ago
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.
+1
Ravi Patel9y ago
i can help in better way if you share your layout page code .
+1
Ravi Patel9y ago
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("");
}
else if (message=="Saved")
{
Response.Write("");
}
else if (message == "Saving Failed")
{
Response.Write("");
}
}
}

jQuery validation plugin is not working in MVC 5

Save From Form