ASP.NET MVC 4ノックアウトあり

Question

私はAsp.net MVCを使用しています。ノックアウトを使用してフォーム送信時にすべての入力フィールドを検証する必要があります。

私のビューは以下のとおりです。ノックアウトを使用して検証を適用する方法。私は各分野ごとにObservableを適用したくありません。

Form   Code

<div data-bind="with:Student"> 
    <form method="post" action="/Home/Save"> 
    <div> 
     <label>Name</label> 
     <input type="text" id="txtName" name="Name" data-bind="value:Name" /> 
    </div> 

    <div> 
     <label>Age</label> 
     <input type="text" id="txtAge" name="Age" data-bind="value:Age" /> 
    </div> 
    <div> 
     <label>DOB</label> 
     <input type="text" id="txtDOB" name="Age" data-bind="value:DOB" /> 
    </div> 

    <div> 
     <label>Street Name</label> 
     <input type="text" id="txtStreetName" name="StreetName" data-bind="value:StreetName" /> 
    </div> 
    <div> 
     <label>Address</label> 
     <input type="text" id="txtAddress" name="Address" data-bind="value:Address" /> 
    </div> 

    <div> 
     <label>City</label> 
     <input type="text" id="txtCity" name="City" data-bind="value:City" /> 
    </div> 
    <div> 
     <label>State</label> 
     <input type="text" id="txtState" name="State" data-bind="value:State" /> 
    </div> 
    <div> 
     <label>Country</label> 
     <input type="text" id="txtCountry" name="Country" data-bind="value:Country" /> 
    </div> 
    <div> 
     <label>Email</label> 
     <input type="text" id="txtEmail" name="Email" data-bind="value:Email" /> 
    </div> 
    <div> 
     <label>Mobile</label> 
     <input type="text" id="txtMobile" name="Mobile" data-bind="value:Mobile" /> 
    </div> 
    <button data-bind="click: submit">Submit</button> 
    </form> 
</div> 

Answer 1

あなたはASP.NET MVCを使用している場合は、なぜあなたは、モデルからすべてのデータを引っ張っていませんか？

モデルを作成する場合は、右欄の宣言に検証を追加することができますが：

using System.ComponentModel.DataAnnotations; 

namespace YourProject.Models { 

    public class ModelName { 

     [Required(ErrorMessage = "Please enter your name")] 
     public string Name { get; set; } 

     [Required(ErrorMessage = "Please enter your Age")] 
     public string Age { get; set; } 

     [Required(ErrorMessage = "Please enter your DOB")] 
     public string DOB { get; set; } 

     [Required(ErrorMessage = "Please enter your Street Name")] 
     public string STreetName { get; set; } 

     [Required(ErrorMessage = "Please enter your Address")] 
     public string Address { get; set; } 

     [Required(ErrorMessage = "Please enter your City")] 
     public string City { get; set; } 

     [Required(ErrorMessage = "Please enter your State")] 
     public string State { get; set; } 

     [Required(ErrorMessage = "Please enter your Country")] 
     public string Country { get; set; } 

     [Required(ErrorMessage = "Please enter your Email")] 
     [RegularExpression(".+\\@.+\\..+", ErrorMessage="Enter Valid Email")] 
     public string Email { get; set; } 

     [Required(ErrorMessage = "Please enter your Mobile")] 
     public string Mobile { get; set; } 
    } 
} 

あなたはいくつかの研究を行う場合は、に制限するように、あなたがデータをこのように検証することができ、他の方法を、見つけることができます特定の長さまたは特定の種類の文字。検証の面で他に何が必要なのか分かりませんが、これは確かに役に立ちます。また、コントローラを介してモデルをビューに渡すためのMVCの基礎知識があると仮定しています。

Answer 2

githubのthisノックアウト検証ライブラリをご覧ください。使いやすい。検証を追加するオブザーバブルを単に拡張するだけです。 HTML5検証属性をビューで使用することもできます。