MVC 4 Client Side validation...?

See more:

jQuery

MVC4

jQuery-UI

I am using MVC 4 Client Side Validation. HTML code is fine. "data-val-required" is included in form but in validation summery message is not shown.

1-My View

<section id="addNewProject" class="modals">
@using (Html.BeginForm())
{ 
	<section class="modal-content">
                   
	@Html.AntiForgeryToken()
	
	   @Html.LabelFor(model => model.userName, ResourceUsers.resUserNameLbl)
	   @Html.TextBoxFor(model => model.userName, new { id = "txtUserName"})
       				
	   @Html.LabelFor(model => model.firstName, ResourceUsers.resFirstNameLbl)
	   @Html.TextBoxFor(model => model.firstName, new { id = "txtFirstName"})
                        
	   @Html.LabelFor(model => model.lastName, ResourceUsers.resLastNameLbl)
	   @Html.TextBoxFor(model => model.lastName, new { id = "txtLastName" })
                        
	   @Html.LabelFor(model => model.userEmail, ResourceUsers.resEmailIdLbl)
	   @Html.TextBoxFor(model => model.userEmail, new { @class = "emailonly" })
               
	</section>
	@Html.ValidationSummary()
	<section class="modal-footer">
		<ul class="clearfix buttons-inline">
		     <li><input type="submit" /></li>
	        </ul>
	</section>
} 
</section>

2- jquery bundle

bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                       "~/Scripts/jquery.unobtrusive*",
                       "~/Scripts/jquery.validate*"));