Jqueryを使用してカスタムhtmlで入力を検証する方法validate

Question

JQueryの検証とjqueryを使用して入力を検証する際に問題があります。実際に私は、ASP.NETから自動生成されたHTMLヘルパーを使用していません。 MODEL

public string Email { get; set; } 
    [Required(ErrorMessage = "This field is required.")] 
    public string Surname { get; set; } 
    [Required(ErrorMessage = "This field is required.")] 
    public string Firstname { get; set; } 
    [Required(ErrorMessage = "This field is required.")] 
    public string Othernames { get; set; } 
    [Required(ErrorMessage = "This field is required.")] 
    public string PhoneNumber { get; set; } 
    [Required(ErrorMessage = "This field is required.")] 
    public string PassWord { get; set; } 
    [NotMapped] 
    [Required(ErrorMessage = "This field is required.")] 
    [System.ComponentModel.DataAnnotations.Compare("PassWord", ErrorMessage = "Password Mismatched!!!")] 
    public string ConfirmPassword { get; set; } 

VIEW

<div class="col-sm-12 col-md-6 col-lg-4"> 
        <div class="form-group"> 
         <!--<label class="control-label col-xs-12 col-sm-12 col-md-4">Lastname</label>--> 
         <div class="col-xs-12 col-sm-12 col-md-12"> 
          <input type="text" class="form-control" placeholder="Lastname/Surname" name="Surname" required data-val="true"/> 
          @Html.ValidationMessageFor(m => m.Surname) 
         </div> 
        </div> 
       </div> 
       <div class="col-sm-12 col-md-6 col-lg-4"> 
        <div class="form-group"> 
         <!--<label class="control-label col-xs-12 col-sm-12 col-md-4">Othernames</label>--> 
         <div class="col-xs-12 col-sm-12 col-md-12"> 
          <input type="text" class="form-control" placeholder="Othernames" name="Othernames"/> 
          @Html.ValidationMessageFor(m => m.Othernames) 
         </div> 
        </div> 
       </div> 

私はまた、jQueryの、jqueryの検証、jQueryのunobstructiveが含まれます。 助けてください、非常に歓迎されるでしょう。ありがとう

Answer 1

なぜ入力のためのhtmlヘルパーを使用しないのですか？ おそらく、あなたの入力にはidが足りないので、jquery.validateはエラーメッセージをどこに置くべきか分かりません。

<input type="text" class="form-control" placeholder="Lastname/Surname" name="Surname" id="Surname" required data-val="true"/>

をそして私はあなたのページ全体のHTMLヘルパーや生のHTML全体のいずれかを使用することをお勧め： あなたの入力にIDを追加してみてください。あなたの入力HTMLヘルパーのようになります：

@Html.TextBoxFor(m => m.Surname, "", new { @class = "form-control", Placeholder = "Lastname/Surname", required data-val="true" })