MVC3 면도기/JQuery 클라이언트 측 유효성 검사 작동하지 않음

Question

jquery 유효성 검사 플러그인을 사용하여 ASP.NET MVC 3 면도기를 사용하여 등록 양식을 작성합니다. 그래서 나는이 포함 :

<script src="@Url.Content("~/Scripts/jquery-1.4.4.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript"> </script> 
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"></script> 

내가 내의 Web.config에 다음을 추가했습니다 :

내 면도기 양식은 다음과 같습니다

<appSettings> 
    <add key="ClientValidationEnabled" value="true" /> 
    <add key="UnobtrusiveJavaScriptEnabled" value="true" /> 
</appSettings> 

: 하단에

@model bop.Web.Models.ProfileModel 

@{ 
    Layout = "~/Views/Shared/_Layout.cshtml"; 
} 
<h2>Page title</h2> 
@Html.ValidationSummary(true) 
@using (Html.BeginForm("Register", "Profile", FormMethod.Post, new { id = "RegForm" })) 
{ 
    <fieldset> 
     <div class="editor-label"> 
      @Html.LabelFor(model => model.companyName) 
     </div> 
     <div class="editor-field"> 
      @Html.EditorFor(model => model.companyName) 
      @Html.ValidationMessageFor(model => model.companyName) 
     </div> 
     <div> 
     ... here other input fields ... 
     </div> 
     <a href="#" id="nextbtn1">GO TO STEP 2</a> 
    </fieldset> 

I have :

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#nextbtn1').click(function() { // bind click event to link 
      $("#RegForm").validate(); 
      if ($("#RegForm").valid()) { 
       var $tabs = $('#tabs').tabs(); // first tab selected 
       $tabs.tabs('select', 1); // select second tab 
       return false; 
      } 
     } 
    } 
</script> 

제 등록 양식이 3 개의 탭으로 분할되어 제 3 단계에서 제출을 수행하므로 click 이벤트에서 bind를 사용합니다. 도움이 포인터를 사전에

Run-time error in Microsoft JScript: Object does not support this property or method 'validate' 

많은 감사 :

문제는 내가 클릭했을 때이 오류가 버튼 "2 단계로 이동합니다"는 것이다.

Answer 1

형태가 유효한 경우, 당신이 먼저 검증, 그래서 라인 if ($("#RegForm").valid()) {하기 전에 다음과 같은 삽입해야합니다 확인하기 전에 :

$("#RegForm").validate();