2013-03-30 3 views
2

validate.min.jsvalidate.unobtrusive.min.js을 사용하여 MVC 클라이언트 쪽 유효성 검사를 적용했지만 작동하지 않는 페이지가 있습니다. 유효성 검사는 서버 쪽에서는 잘 작동하지만 클라이언트 쪽에서는 제대로 작동하지 않습니다. 나는 메뉴에 사용 된 j가 문제를 일으킬 수 있다고 생각한다. 그러나 나는 그것을 사용하는 메뉴가 메뉴 효과를 필요로하기 때문에 그것을 해결하는 방법을 이해할 수 없다.MVC3 클라이언트 쪽 유효성 검사가 작동하지 않습니다.

누구나 공유하고 싶다면 누구나 공유하십시오. 보기 페이지의

코드 : 그것은 HTML을 생성

<%@ 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> 

: 유사한 성격의

<!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> 
+1

check in web.config ClientValidationEnabled가 true로 설정됩니다. – ssilas777

+0

그것은 true로 설정되어 있습니다 ... – blue

+0

브라우저에서 콘솔을 열면 (F12 히트) 클라이언트 측 예외가 있는지 먼저 확인합니다. 처음으로 jQuery를 두 번 참조했기 때문에 –

답변

0

뭔가 나에게 일어난 나는 스크립트를 재정렬하여 문제를 해결 할 수 있었다. 다른 모든 옵션이 부족한 경우이 방법을 사용할 수 있습니다.

순서는 내가 다른 웹 포스트에서이 팁을 가지고 있지만, 참조 포함 지금 그것을 찾을 수 없습니다

Jquery-yourversion.js 
MicrosoftAjax.js 
MicrosoftMvcAjax.js 
MicrosoftMvcValidation.js 
YourOtherScripts.js 

입니다. 이것이 작동하면 크레딧은 해당 게시물의 작성자에게 전달됩니다.

희망이 있으시면

+0

죄송합니다 ... 도움이되지 않습니다. 여기 메뉴에 사용 된 jquey 파일이 나를 위해 문제를 만들고 있습니다. 내 senoir가 좋아하는만큼 나는 메뉴를 바꿀 수 없다 ... – blue

0

클라이언트 측 유효성 검사와 동일한 문제가 발생했습니다. Chrome에서 자바 스크립트 콘솔을 가져 와서 "JQuery가 정의되지 않았습니다."라는 오류 메시지가 나타났습니다.

내보기에 jQuery 로딩에 문제가있는 일부 코드가 있습니다.

다른 사용자에게 권장되는 사항은 브라우저에서 JS 콘솔을 확인하여 JQuery 오류가 발생하지 않는지 확인하십시오.

관련 문제