2016-04-22 41 views
0

我有一個新的MVC5,我開始編碼/學習,在我看來,我稱之爲局部視圖,並且在該局部視圖中我有一個窗體。如何在局部視圖窗體上完成客戶端驗證

如何驗證我的部分視圖客戶端,以便在模型無效時不會發生帖子?

我想在我的模型中使用數據註釋。我在其他地方使用它們取得了成功,但在表單帖子或局部視圖的情況下卻不成功。

PartialView:

@model MyProject.Models.MyModel 
    @using (Html.BeginForm("SubmmitPerson", "Home", FormMethod.Post, new { @class = "form-horizontal" })) 
      {           
        <div class="form-group"> 
         <label for="NAME" class="col-sm-2 control-label">Name:</label> 
         <div class="col-sm-10"> 
          @Html.Kendo().TextBoxFor(x => x.NAME).HtmlAttributes(new { @class = "form-control kendoTextBox" }) 
         </div> 
        </div> 
        <div class="form-group"> 
         <label for="PHONE" class="col-sm-2 control-label">Phone:</label> 
         <div class="col-sm-10"> 
          @Html.Kendo().TextBoxFor(x => x.PHONE).HtmlAttributes(new { @class = "form-control kendoTextBox" }) 
         </div> 
        </div> 
        <div class="form-group"> 
         <label for="ADDITIONALINFO" class="col-sm-2 control-label">Additional Information:</label> 
         <div class="col-sm-10"> 
          @Html.Kendo().TextBoxFor(x => x.ADDITIONALINFO).HtmlAttributes(new { @class = "form-control kendoTextBox" }) 
         </div> 
        </div> 
        <div class="form-group"> 
         <div class="col-sm-offset-2 col-sm-10"> 
          @(Html.Kendo().Button().Name("btnClose").Content("Cancel").Events(x => x.Click("btnClose_onClick"))) 
          @(Html.Kendo().Button().Name("btnSave").Content("Save").Events(x => x.Click("btnSave_onClick"))) 
         </div> 
        </div> 
      } 

我的看法模式是:

public partial class MyModel 
    { 
     [Required(ErrorMessage = "Name is required")] 
     [Display(Name="Filter Name")] 
     public string NAME { get; set; } 
     [Required] 
     public string PHONE { get; set; } 
     public string ADDITIONALINFO { get; set; } 
    } 
+1

包含驗證消息html助手在你的局部視圖和2個js客戶端驗證文件 –

+0

我試過了,它沒有工作。該帖子仍在發生。 – PrivateJoker

回答

0

下載並添加一個名爲

(1)jQuery的1.7.1.min.js 3的JavaScript基準( 2)jquery.validate.unobtrusive.min.js(3)jquery.validate.min.js