爲什麼不會jQuery驗證工作？

我已經跑過了文檔，無法弄清楚我哪裏出錯了。 jQuery驗證不會工作。在Chrome開發工具中，我沒有任何錯誤或任何錯誤，所以我不確定我做錯了什麼。爲什麼不會jQuery驗證工作？

我的看法如下格式：

@using (Html.BeginForm(null, null, FormMethod.Post, new { id = "eventForm" })) { 
    @Html.ValidationSummary(true, "", new { @class = "text-danger" }) 
     <div class="form-group"> 
      @Html.LabelFor(model => model.EventName, htmlAttributes: new { @class = "control-label col-md-2" }) 
      <div class="col-md-10"> 
       @Html.EditorFor(model => model.EventName, new { htmlAttributes = new { @class = "form-control", name="eventName", id="eventName" } }) 
       @Html.ValidationMessageFor(model => model.EventName, "", new { @class = "text-danger" }) 
      </div> 
     </div> 
} 

<script src="~/scripts/jquery-1.10.2.min.js"></script> 
<script src="~/scripts/jquery.datetimepicker.full.min.js"></script> 
<script src="~/Scripts/jquery.validate.min.js"></script> 
<script type="text/javascript"> 

    $('#eventForm').validate({ 
     rules: { 
      eventName: { 
       required: true 
      } 
     }, 
     messages: { 
      eventName: "Event name is required" 
     } 
    }); 
</script>

我，我想驗證的視圖中添加name和id我所有的元素。我哪裏可能會出錯？我沒有錯誤或類似的東西，所以我不完全確定？我是否需要包含另一個<script>？

來源

2016-03-01 maxshuty

_I添加姓名和身份證到我所有的視圖中的元素，我想validated_的HtmlHelpers已經做！爲什麼你不只是將'[Required]'屬性添加到屬性中，並使用'jquery.validate，unobtrusive.js'，所有這些都是開箱即用的。 –

@StephenMuecke我正在嘗試使用jQuery Validation，所以我不一定希望以簡單的方式添加屬性並將其退出。感謝有關HtmlHelpers的信息。 – maxshuty

你有可能引發如在頁面加載的東西......像這樣......

$(document).ready(function(){ 
    $('#eventForm').validate({ 
     rules: { 
      eventName: { 
       required: true 
      } 
     }, 
     messages: { 
      eventName: "Event name is required" 
     } 
    }); 
});

來源

2016-03-01 15:48:28 tanaydin

我忘了補充 - 我昨天試過，但仍然無法正常工作。然而，它使我走上了另一條路。現在我的錯誤是：'Uncaught TypeError：$（...）。validate不是一個函數'引用這個：'$（'＃eventForm'）。validate（{'我想我現在可以使用它了謝謝 – maxshuty

我看到你在「〜/ scripts/jquery.datetimepicker.full.min.js」提供腳本，但在「〜/ Scripts/jquery.validate.min.js」驗證器中提供了腳本。所以這裏是大寫字母「S」，也許這導致沒有發現問題，因爲它似乎validate.js沒有加載此錯誤。 – tanaydin

良好的捕獲 - 我改變了大寫在那裏，仍然得到相同的錯誤，這是沒有道理的，因爲我我先加載jQuery，然後*然後驗證... hmmm – maxshuty

爲什麼不會jQuery驗證工作？

回答

相關問題