jquery驗證始終返回true

Question

我使用MVC4瓦特/ JQuery和我有我使用@ Ajax.BeginForm創建的窗體。它具有必需的字段（在其視圖模型上設置）。我試圖在提交回來之前驗證表單;但是，它似乎沒有驗證。

我原本有一個提交按鈕，它只是提交表單。我將提交按鈕更改爲常規按鈕，並嘗試調用$（'＃formname'）.validate（），但始終返回true（即使未填寫必填字段）。其他視圖似乎很好（不使用Ajax.BeginForm）。

我引用jquery，jquery-ui，jquery.validate，jquery.validate.unobtrusive和jquery.unobtrusive-ajax。

任何人有任何想法/建議我失蹤？

編輯--------------------------------------------- ------------------------------

下面是我的代碼（這是在一個引用jquery腳本的母版頁）：

@model AimOnlineMRA.Models.Reports.DateRangeViewModel 

@using (Ajax.BeginForm("GetReport", "Reports", new AjaxOptions 
{ 
    UpdateTargetId = "report_pane", HttpMethod = "Post"}, new {@id="parameterForm"})) 
{ 
    @Html.AntiForgeryToken() 

<script type="text/javascript"> 
    $(document).ready(function() { 
     ApplyTheme(); 

     $('#btnYes').click(function() { 
      $('#RunSpecificDateRange').val('true'); 

      $('#yesNo').hide(); 
      $('#dateRangeForm').show(); 
     }); 

     $('#btnCancel').click(function() { 
      $('#report_pane').html('').hide(); 
     }); 

     $('#btnOk').click(function() { 
      //if ($('#parameterForm').valid()) { 
      // alert('valid'); 
      //} else { 
      // alert('invalid'); 
      //} 
     }); 

     $('#dateRangeForm').hide(); 

     $('#BeginDate').datepicker({ 
      showOn: 'button', 
      buttonText: 'Date Picker', 
      buttonImageOnly: true, 
      buttonImage: '@Url.Content("~/Content/Icons/calendar-icon.png")' 
     }); 

     $('#EndDate').datepicker({ 
      showOn: 'button', 
      buttonText: 'Date Picker', 
      buttonImageOnly: true, 
      buttonImage: '@Url.Content("~/Content/Icons/calendar-icon.png")' 
     }); 
    }); 
</script> 

<div class="margin-auto" style="width: 400px"> 

    <div id="yesNo"> 
     <span class="bold">Do you want to run this report for a specific date range?</span> 
     <br /><br /> 
     @Html.Button("Yes", "btnYes") 
     @Html.Button("No", "btnNo") 
    </div> 
    <div id="dateRangeForm"> 
     <span class="bold">Date Range</span> 
     <br /><br /> 
     <div class="left"> 
      <div class="left clear-both"> 
       @Html.LabelFor(x => x.BeginDate) <br /> 
       @Html.TextBoxFor(x => x.BeginDate, new {@style="vertical-align:top"}) 
       @Html.ValidationMessageFor(x => x.BeginDate) 
      </div> 
      <div class="left clear-both m-top-5"> 
       @Html.LabelFor(x => x.EndDate) <br /> 
       @Html.TextBoxFor(x => x.EndDate, new {@style="vertical-align:top"}) 
       @Html.ValidationMessageFor(x => x.EndDate) 
      </div> 
     </div> 
     <div class="left m-left-10"> 

     </div> 
     <div class="left clear-both m-top-10"> 
      @Html.Button("Ok", "btnOk") 
      @Html.Button("Cancel", "btnCancel") 
     </div> 
    </div> 
</div> 
} 

-----------------解決方案----------------------- ------

調用$.validator.unobtrusive.parse($('#parameterForm'));$('#parameterForm').valid();前修復問題

Answer 1

嘗試

$.validator.unobtrusive.parse($('#parameterForm'))

調用

$('#parameterForm').valid()

Answer 2

您是否需要添加到<input>或<textarea>的HTML標記？

IE：

<input id="cemail" type="email" name="email" required/> 

Answer 3

問題之前已經有一個公認的答案，但這裏的另一個可能的原因是任何人發現Ť他的未來......

確保在表格第一個驗證元素具有name屬性，像這樣：

<input type=text required name='blah' /> 

我花了2小時追查這個同樣的問題，我發現如果表單中的FIRST驗證元素具有name屬性，則所有內容都按預期工作（即如果表單無效，則.valid()將返回false）。其他驗證元素是否具有名稱屬性似乎沒有區別。

在正常形式中，您肯定需要名稱屬性，因爲這是數據提交到服務器時使用的名稱屬性。但是在更現代的環境中，比如那些使用Knockout的環境，沒有理由對輸入元素具有name屬性，因爲數據綁定的作用是保持數據模型的更新。

Answer 4

我引用這兩個文件：

• jquery.validate。js
• jquery.validate.unobstrusive.js < - 刪除此參考！

移除參考jquery.validate.unobstrusive.js，固定對我來說

希望這可以幫助別人