ASP.Net MVC 3 convalida client non invadente non funziona con elenchi a discesa

Question

Ho un semplice elenco a discesa, il primo elemento nell'elenco ha un valore vuoto. Se non seleziono nulla nell'elenco, la convalida del client lo ignora. Ho impostato quel campo come richiesto sul modello usando gli attributi di annotazione.

@Html.DropDownListFor(model => Model.CCPayment.State, UnitedStatesStates.StateSelectList) 



[Required(ErrorMessage = "State is Required.")] 
    public string State 
    { 
     get 
     { 
      return _state; 
     } 
     set 
     { 
      _state = value; 
     } 
    } 

qualche idea? mi sto perdendo qualcosa?

Answer 1

Hai fornito troppe informazioni per consentirci di individuare il problema. Potresti aver dimenticato di includere gli script di convalida non intrusivi nella tua vista, ma chi lo sa? Non hai mostrato la tua vista.

Ecco un esempio di lavoro completo:

Modello:

public class MyViewModel 
{ 
    [Required(ErrorMessage = "State is Required.")] 
    public string State { get; set; } 

    public IEnumerable<SelectListItem> States 
    { 
     get 
     { 
      return Enumerable.Range(1, 5).Select(x => new SelectListItem 
      { 
       Value = x.ToString(), 
       Text = "state " + x 
      }); 
     } 
    } 
} 

Controller:

public class HomeController : Controller 
{ 
    public ActionResult Index() 
    { 
     return View(new MyViewModel()); 
    } 

    [HttpPost] 
    public ActionResult Index(MyViewModel model) 
    { 
     return View(model); 
    } 
} 

Vista:

@model AppName.Models.MyViewModel 
@{ 
    ViewBag.Title = "Home Page"; 
} 
<script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"></script> 

@using (Html.BeginForm()) 
{ 
    @Html.LabelFor(x => x.State) 
    @Html.DropDownListFor(
     x => x.State, 
     new SelectList(Model.States, "Value", "Text"), 
     "-- Please select a state --" 
    ) 
    @Html.ValidationMessageFor(x => x.State) 
    <input type="submit" value="OK" /> 
} 

Notate come ci stanno fornendo un valore di default in il Assistente DropDownListFor come ultimo parametro. Ciò inserirà un'opzione all'inizio con valore vuoto e testo personalizzato e se l'utente non sceglie lo stato il validatore richiesto dovrebbe dare il via.

Answer 2

Ho aggiunto @ class = "required" agli attributi come ha detto qualcuno sul filo a CodePlex http://aspnet.codeplex.com/workitem/7629 e ha funzionato bene per me =)

Answer 3

sembra un bug legittima, ecco la soluzione migliore che ho trovato nella mia ricerca:

http://forums.asp.net/t/1649193.aspx

in breve. Si avvolgono l'origine del problema, DropDownListFor, in un'estensione Html personalizzato e di recuperare manualmente i discreti regole di validazione lato client come questo:

IDictionary<string, object> validationAttributes = htmlHelper. 
    GetUnobtrusiveValidationAttributes(
     ExpressionHelper.GetExpressionText(expression), 
     metadata 
    ); 

Poi si combinano il dizionario validationAttributes con altri attributi HTML passati in vostro aiuto personalizzato e si passa che insieme a DropDownListFor

Il codice completo che sto usando (ho un'etichetta anche lì, si può sentire libero di disaccoppiare):

public static IHtmlString DropDownListWithLabelFor<TModel, TProperty>(this HtmlHelper<TModel> helper, Expression<Func<TModel, TProperty>> expression, string label, IEnumerable<SelectListItem> items, string blankOption, object htmlAttributes = null) 
{ 
    var l = new TagBuilder("label"); 
    var br = new TagBuilder("br"); 

    var metadata = ModelMetadata.FromLambdaExpression(expression, helper.ViewData); 
    var mergedAttributes = helper.GetUnobtrusiveValidationAttributes(ExpressionHelper.GetExpressionText(expression), metadata); 

    if (htmlAttributes != null) 
    { 
     foreach (PropertyDescriptor descriptor in TypeDescriptor.GetProperties(htmlAttributes)) 
     { 
      object value = descriptor.GetValue(htmlAttributes); 
      mergedAttributes.Add(descriptor.Name, value); 
     } 
    } 

    l.InnerHtml = label + br.ToString(TagRenderMode.SelfClosing) + helper.DropDownListFor(expression, items, blankOption, mergedAttributes); 
    return MvcHtmlString.Create(l.ToString(TagRenderMode.Normal)); 
} 

Answer 4

Questo è il modo più semplice che ho trovato per farlo, aggiungendo semplicemente gli attributi data-val-*-* in HtmlAttributes di DropDownListFor, all'interno della vista. Il seguente metodo funziona con RemoteValidation troppo, se non hai bisogno di validazione a distanza, è sufficiente rimuovere gli elementi che contengono data-val-remote-*:

 @Html.DropDownListFor(m => m.yourlistID, (IEnumerable<SelectListItem>)ViewBag.YourListID, String.Empty, 
     new Dictionary<string, object>() { { "data-val", "true" }, 
     { "data-val-remote-url", "/Validation/yourremoteval" }, 
     { "data-val-remote-type", "POST" }, { "data-val-remote-additionalfield", "youradditionalfieldtovalidate" } }) 

Spero che possa aiutare. I migliori saluti!