CheckBox/RadioButton Required Validation JQuery MVC

Question

So I have this Model:

    public int ID { get; set; }
    [Required(ErrorMessage = "A Name is required")]
    public string Name { get; set; }
    public bool GreenCircle { get; set; }
    public bool BlueSquare { get; set; }
    public bool BlackDiamond { get; set; }
    public bool TerrainPark { get; set; }

Currently the View I have that allows a user to create a profile sets up Checkboxes for the bool properties listed here.

I am looking for a way to set up JQuery Validation that will require that one and only one of these bool properties is set to true so I'm thinking I should be using RadioButtons but I'm not quite sure how I can group those when they get set up in a View or how I can perform that type of validation.

Any ideas? I'm here to learn so please point me in the right direction for research if you must; thank you in advance.

Looks like an enum will more suit your needs.

Cyril Gandon
– Cyril Gandon

2013-01-21 07:51:38 +00:00
Commented Jan 21, 2013 at 7:51 — Cyril Gandon
– Cyril Gandon, Commented Jan 21, 2013 at 7:51
Could you please elaborate?

Jfabs
– Jfabs

2013-01-21 07:52:58 +00:00
Commented Jan 21, 2013 at 7:52 — Jfabs
– Jfabs, Commented Jan 21, 2013 at 7:52

Christophe Geers · Accepted Answer · 2013-01-21 08:03:30Z

1

Use an enum. For example:

public enum MyEnum
{
    GreenCircle,
    BlueSquare,
    BlackDiamond,
    TerrainPark
}

Then use it in your model instead of four different boolean properties.

public class MyModel
{
    public MyEnum MyOption { get; set; }
}

Then generate radiobuttons in your view.

@using (Html.BeginForm())
{
    @Html.RadioButtonFor(m => m.MyOption, (int)MyEnum.BlackDiamond);
    <span>Black Diamond</span><br />
    @Html.RadioButtonFor(m => m.MyOption, (int)MyEnum.BlueSquare, 
        new { @checked = "true" });
    <span>Blue Square</span><br />
    @Html.RadioButtonFor(m => m.MyOption, (int)MyEnum.GreenCircle);
    <span>Green Circle</span><br />
    @Html.RadioButtonFor(m => m.MyOption, (int)MyEnum.TerrainPark);
    <span>Terrain Park</span><br />
}

Remark: Maybe you can implement an HTML helper to generate the radio button markup for you.

answered Jan 21, 2013 at 8:03

Christophe Geers

9,0513 gold badges40 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Jfabs Over a year ago

Awesomeness. I'm going to go give this a go, expect an update and thank you very much!

Jfabs Over a year ago

So despite the fact that my view is using a strongly typed model with the correct model referenced at the top I keep getting the error that: "ExperienceLevel does not exist in the current context" 'public enum ExperienceLevel {......} (in the model)public ExperienceLevel ExpLevel{get;set;} (in the view)@Html.RadioButtonFor(m=>m.ExpLevel, (int)ExperienceLevel.GreenCircle);' It gives me the error on ExperienceLevel.GreenCircle

Jfabs Over a year ago

Scratch that, found a solution. Thanks a bunch, it worked out perfectly. I've got my list of RadioButtons. Now I just need to work out how to get the value of the chosen RadioButton in my controller to work with it

Collectives™ on Stack Overflow

CheckBox/RadioButton Required Validation JQuery MVC

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related