Validate checkbox - frontend MVC3

Question

I have created the following custom attribute to assist me with validating a required checkbox field:

    public class CheckboxRequired : ValidationAttribute, IClientValidatable
{
    public CheckboxRequired()
        : base("required") { }

    public override bool IsValid(object value)
    {
        return (bool)value == true;
    }

    public IEnumerable<ModelClientValidationRule> GetClientValidationRules(ModelMetadata metadata, ControllerContext context)
    {
        ModelClientValidationRule rule = new ModelClientValidationRule();
        rule.ErrorMessage = FormatErrorMessage(metadata.GetDisplayName());
        rule.ValidationType = "mandatory";
        yield return rule;

    }
}

However, I am trying to get it to trigger client side, and not when I call my ActionResult (if (ModelState.IsValid))

The validation does work when I call my ActionResult, but I'd prefer it to validate before getting that far.

What modifications do I need to make to make the validation kick in client side?

Thanks

Tomasz Jaskuλa · Accepted Answer · 2011-06-22 09:32:08Z

3

In order to implement the client side you can add for example a jQuery validator method and an unobtrusive adapter (simple example):

// Checkbox Validation 
jQuery.validator.addMethod("checkrequired", function (value, element) 
{     
      var checked = false;     
      checked = $(element).is(':checked');     
      return checked; 
}, '');  

jQuery.validator.unobtrusive.adapters.addBool("mandatory", "checkrequired");

I hope it helps.

answered Jun 22, 2011 at 9:32

Tomasz Jaskuλa

16.1k5 gold badges49 silver badges74 bronze badges

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

1 Comment

mp3duck Over a year ago

Thanks. I had managed to create a very similar method since I posted, so I know that it works precisely how I want it now!

xtrem · Accepted Answer · 2012-01-22 17:03:02Z

1

How about the old good Regex?

[RegularExpression("^(true|True)$", ErrorMessage="Required...")]
public bool AgreeWithTos { get; set; }

Accepts both "true", and 'True' as javascript and .NET format booleans differently.

answered Jan 22, 2012 at 17:03

xtrem

1,77912 silver badges13 bronze badges

Collectives™ on Stack Overflow

Validate checkbox - frontend MVC3

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related