asp.net mvc jqueryドロップダウンの検証

Question

どうやって控えめなjavascriptでドロップダウンリストを検証できますか？必要なバリデータの検証用テキストボックスとして、ドロップダウンリストでは機能していないのですか？

控えめなjsファイルを変更する必要がありますか？ドロップダウンリストを検証するオプションがありますか？

javascriptでform.validate（）をチェックしたときにエラーを表示したいと思います。

Answer 1

私が見た中で最高のは、jQueryのフォーム検証プラグインを使用している：

http://plugins.jquery.com/project/validate

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Answer 2

マークアップ

<p> 
     <label for="ProductCategoryList">Product Categories</label> 
     <%= Html.DropDownList("ProductCategoryList", ViewData["ProductCategories"] as SelectList)%> 
    </p> 

と検証スクリプト

 $.validator.addMethod("selectNone", 
      function (value, element) { 
       return this.optional(element) || element.selectedIndex != 0; 
      }, 
      "Please select an option." 
     ); 


     $(function() { 
      $("#form1").validate({ 
       rules: { 
        ProductCategoryList: { 
         selectNone: true 
        } 

       }, 
       messages: { 
        ProductCategoryList: { 
         selectNone: "This field is required" 
        } 
       } 
      }); 
     }); 

Answer 3

$(function() { 
     $("#form1").validate({ 
      rules: { 
       ProductCategoryList: { 
        required: true 
       } 

      }, 
      messages: { 
       ProductCategoryList: { 
        required: "This field is required" 
       } 
      } 
     }); 
    }); 

Answer 4

DropDownListのselecteditemへのバインドに使用されるViewModelのプロパティを作成することで、これが機能します。例では、それを明確にします：ビューの

コード：

 <div class="editor-field"> 
      @Html.DropDownListFor(model => model.SelectedPlantID, 
           new SelectList(Model.Plants, "Value", "Text"), 
           " ", new { id = "ddlPlant" }) 

      @Html.ValidationMessageFor(model => model.SelectedPlantID) 
    </div> 

のViewModelのコードは（強く型付けされたビューに）次のようになります。

  private List<SelectListItem> _plants = new List<SelectListItem>(); 
    [Required] 
    [Display(Name = "Plant")] 
    public List<SelectListItem> Plants 
    { 
     get 
     { 
      return (_plants); 
     } 

     set 
     { 
      _plants = value; 
     } 
    } 

    public Guid SelectedPlantID 
    { 
     get; 
     set; 
    } 

注：SelectedPlantIDあなたのモデルのフィールドである必要はありません。

これはあなたのために働くことを望みます！

Answer 5

最初のオプションをそのまま使用するには、value=""のままにする必要があります。

<asp:ListItem Value="">- Select Something -</asp:ListItem> 

Answer 6

あなたが検証にはjQueryを統合したい場合は、フィールドを指定する必要が

使用DropDownListForないDropDownList

@Html.DropDownListFor(c => c.Profile_Id, null, "-- Choose --", new { @class = "input-large" }) 

あなたのリストは、フィールドと同じ名前を持つ場合は、「ドンViewBag.Profile_Is as SelectListを入力する必要があります。これは、リストにnull値を送信すると編集シナリオでは機能しないためです。