CODEWITHSUNDEEP
asp.net-mvcasp.net-mvc-2validation
Ladislav Mrnka
Ladislav Mrnka

Reputation: 364249

Validating required selection in DropDownList

My view model defines property which has to be displayed as combo box. Property definition is:

[Required]
public int Processor { get; set; }

I'm using DropDownListFor to render combo box:

<%=Html.DropDownListFor(r => r.Processor, Model.Processors, Model.Processor)%>

Model.Processors contains IEnumerable<SelectListItem> with one special item defined as:

var noSelection = new SelectListItem
  {
    Text = String.Empty,
    Value = "0"
  };

Now I need to add validation to my combo box so that user must select different value then 'noSelection'. I hoped for some configuration of RequiredAttribute but it doesn't have default value setting.

Upvotes: 18

Views: 21661

Answers (2)

KyleMit
KyleMit

Reputation: 29829

One possible issue is that jQuery Validate does run any rules if the value of an element is empty.

You can get around this by retriggering the validation when the user loses focus:

// select statements not firing null validation automatically
$("select").blur(function () { $(this).valid() });

Upvotes: 0

Darin Dimitrov
Darin Dimitrov

Reputation: 1038710

How about this:

[Required]
public int? Processor { get; set; }

And then:

<%= Html.DropDownListFor(
    x => x.Processor, Model.Processors, "-- select processor --"
) %>

And in your POST action

[HttpPost]
public ActionResult Index(MyViewModel model)
{
    if (ModelState.IsValid)
    {
        // the model is valid => you can safely use model.Processor.Value here:
        int processor = model.Processor.Value;
        // TODO: do something with this value
    }
    ...
}

And now you no longer need to manually add the noSelection item. Just use the proper DropDownListFor overload.

Upvotes: 26

Related Questions