MVC3客户端验证不起作用
问题描述：
我在我的应用程序中有一个页面，我已经使用validate.min.js和validate.unobtrusive.min.js来应用MVC客户端验证，但它不起作用。验证在服务器端正常工作，但不在客户端。我认为我用于菜单的js可能会造成问题。但我无法理解如何解决它，因为我使用的菜单需要菜单效果。MVC3客户端验证不起作用
任何人如果有任何想法请分享。
代码视图页：
<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<ApricaCRMEvent.Models.User_Detail>" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
RegisterUser1
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<h2>RegisterUser1</h2>
<script src="<%: Url.Content("~/Scripts/jquery.validate.min.js") %>" type="text/javascript"></script>
<script src="<%: Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js") %>" type="text/javascript"></script>
<% using (Html.BeginForm()) { %>
<%: Html.ValidationSummary(true) %>
<fieldset>
<legend>User_Detail</legend>
<div class="editor-label">
<%: Html.LabelFor(model => model.Username) %>
</div>
<div class="editor-field">
<%: Html.EditorFor(model => model.Username) %>
<%: Html.ValidationMessageFor(model => model.Username) %>
</div>
<div class="editor-label">
<%: Html.LabelFor(model => model.Password) %>
</div>
<div class="editor-field">
<%: Html.EditorFor(model => model.Password) %>
<%: Html.ValidationMessageFor(model => model.Password) %>
</div>
<div class="editor-label">
<%: Html.LabelFor(model => model.Email_Add) %>
</div>
<div class="editor-field">
<%: Html.EditorFor(model => model.Email_Add) %>
<%: Html.ValidationMessageFor(model => model.Email_Add) %>
</div>
<div class="editor-label">
<%: Html.LabelFor(model => model.Alt_Email_Add) %>
</div>
<div class="editor-field">
<%: Html.EditorFor(model => model.Alt_Email_Add) %>
<%: Html.ValidationMessageFor(model => model.Alt_Email_Add) %>
</div>
<div class="editor-label">
<%: Html.LabelFor(model => model.ConfirmPassword) %>
</div>
<div class="editor-field">
<%: Html.EditorFor(model => model.ConfirmPassword) %>
<%: Html.ValidationMessageFor(model => model.ConfirmPassword) %>
</div>
<p>
<input type="submit" value="Create" />
</p>
</fieldset>
<% } %>
<div>
<%: Html.ActionLink("Back to List", "Index") %>
</div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
它生成的html：
<!DOCTYPE html>
<html>
<head id="Head1"><title>
RegisterUser1
</title><link href="../Content/Site.css" rel="stylesheet" type="text/css" />
<script src="/Scripts/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="/Scripts/modernizr-1.7.min.js" type="text/javascript"></script>
<!-- for Menu (Imp: jquery.js and menu.js must be included at last in links for menu effects to work.)-->
<link href="../Content/menu.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/jquery.js" type="text/javascript"></script>
<script src="../../Scripts/menu.js" type="text/javascript"></script>
<!--- for menu end -->
</head>
<body>
<div class="page">
<header>
<table id="header">
<tr>
<td>
<div id="aprica_logo">
<img src="../../Content/images/Apricalogo.png" alt="Aprica" style="width: 134px;
height: 100px;" />
</div>
</td>
<td>
<div align="center" id="title">
<h1>
Aprica</h1>
</div>
</td>
<td>
<div id="logindisplay">
Welcome <strong>admin</strong>
[ <a href="/CRMLogin/LogOff">Log Out</a> ]
</div>
</td>
</tr>
</table>
<div id="menu">
<ul class="menu">
<li><a href="#" class="parent"><span>My Account</span></a>
<div>
<ul>
<li><a href="#"><span>Change Password</span></a></li>
<li><a href="#"><span>Message Passing</span></a></li>
<li><a href="#"><span>Edit Profile</span></a></li>
</ul>
</div>
</li>
<li>
<a href="/CRMDashboard/Dashboard">
<span>Dashboard</span></a></li>
<li><a href="/CRM/Index" class="parent"><span>CRM Request</span></a>
<div>
<ul>
<li><a href="/CRM/AddNewCRM"><span>Add New CRM Request</span></a></li>
<li><a href="/CRM/ViewNewlyArrivedCRMRequest"><span>CRM Request List</span></a></li>
<li><a href="/CRM/NewOldDoctor"><span>CRM Doctors List</span></a></li>
<li><a href="/CRM/AddCRMDoctorBudget"><span>Add New CRM Doctor</span></a></li>
<li><a href="/CRM/UpdateCRMDoctorBudgetMain"><span>Edit CRM Doctor</span></a></li>
</ul>
</div>
</li>
<li><a href="#" class="parent"><span>Reports</span></a>
<div>
<ul>
<li><a href="#" class="parent"><span>Chart Reports</span></a>
<div>
<ul>
<li><a href="/ChartReport/Index"><span>CRM Request Reports</span></a>
</li>
</ul>
</div>
</li>
<li><a href="/Report/CRMStatus"><span>CRM Request Status</span></a></li>
<li><a href="/Report/DoctorReport"><span>Doctor wise</span></a></li>
</ul>
</div>
</li>
<li><a href="#" class="parent"><span>Search</span></a>
<div>
<ul>
<li><a href="/Search/CRMIdIndex"><span>CRM Request Id Wise</span></a></li>
<li><a href="/Search/MDLNoIndex"><span>MDLNo Wise</span></a></li>
<li><a href="/Search/TerritoryIndex"><span>Territory Wise</span></a></li>
<li><a href="/Search/RequesterIndex"><span>TBM Wise</span></a></li>
<li><a href="/Search/PriorityIndex"><span>Priority Wise</span></a></li>
<li><a href="/Search/CRMStateIndex"><span>CRM State Wise</span></a></li>
<li><a href="/Search/ServiceStateIndex"><span>Service State Wise</span></a></li>
</ul>
</div>
</li>
<li><a href="/FilterCRMRequest/Index"><span>Filter CRM Requests</span></a></li>
<li><a href="#"><span>Settings</span></a></li>
</ul>
</div>
</header>
<section id="main">
<h2>RegisterUser1</h2>
<script src="/Scripts/jquery.validate.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
<form action="/CRMLogin/RegisterUser1" method="post">
<fieldset>
<legend>User_Detail</legend>
<div class="editor-label">
<label for="Username">Username</label>
</div>
<div class="editor-field">
<input class="text-box single-line" data-val="true" data-val-required="The Username field is required." id="Username" name="Username" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="Username" data-valmsg-replace="true"></span>
</div>
<div class="editor-label">
<label for="Password">Password</label>
</div>
<div class="editor-field">
<input class="text-box single-line password" data-val="true" data-val-required="The Password field is required." id="Password" name="Password" type="password" value="" />
<span class="field-validation-valid" data-valmsg-for="Password" data-valmsg-replace="true"></span>
</div>
<div class="editor-label">
<label for="Email_Add">Email address</label>
</div>
<div class="editor-field">
<input class="text-box single-line" data-val="true" data-val-required="The Email address field is required." id="Email_Add" name="Email_Add" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="Email_Add" data-valmsg-replace="true"></span>
</div>
<div class="editor-label">
<label for="Alt_Email_Add">Alternate Email address</label>
</div>
<div class="editor-field">
<input class="text-box single-line" data-val="true" data-val-required="The Alternate Email address field is required." id="Alt_Email_Add" name="Alt_Email_Add" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="Alt_Email_Add" data-valmsg-replace="true"></span>
</div>
<div class="editor-label">
<label for="ConfirmPassword">Confirm password</label>
</div>
<div class="editor-field">
<input class="text-box single-line password" data-val="true" data-val-equalto="The password and confirmation password do not match." data-val-equalto-other="*.Password" id="ConfirmPassword" name="ConfirmPassword" type="password" value="" />
<span class="field-validation-valid" data-valmsg-for="ConfirmPassword" data-valmsg-replace="true"></span>
</div>
<p>
<input type="submit" value="Create" />
</p>
</fieldset>
</form>
<footer>
<hr />
<p>
Copyright (c) 2012</p>
<hr />
</footer>
</section>
</div>
</body>
</html>
答
同样的事情也自然发生在我身上，我能够重新排序的脚本来解决它。如果所有其他选项用完，您可以尝试此操作。
的顺序是
Jquery-yourversion.js
MicrosoftAjax.js
MicrosoftMvcAjax.js
MicrosoftMvcValidation.js
YourOtherScripts.js
我从另一个网页后此提示，但是现在无法找到它，包括对它的引用。如果这能起作用，那么信贷就会发给那个职位的作者。
希望这可以帮到你
+0
对不起......它没有帮助。在这里，我用于菜单的jquey文件正在为我创建问题。我不能改变菜单，因为我的senoir很喜欢它... – blue
答
我有同样的客户端验证不起作用的问题。我在Chrome中调用JavaScript控制台，看到我收到一个错误，指出“JQuery没有定义。”。
原来我的View中有一些代码导致jQuery没有加载时出现问题。
建议其他人遇到这种情况，请检查您的浏览器中的JS控制台，以确保您没有得到一个JQuery错误。
check in web.config ClientValidationEnabled设置为true。 – ssilas777
它被设置为真...我检查了它 – blue
打开浏览器上的控制台，你使用（打F12）看看是否有任何客户端异常，因为我看到你第一次引用jQuery两次 –