2016-04-22 15 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

関連する問題