ASP.Net MVC: Client side validation

Question

Is there a way to have the field to be validated in red when the input is considered as invalid.

I don't want to use the Html.ValidationMessageFor, because I don't wan't to have a message with it(it's only for "required" fields).

Thanks you for the help

jgauffin · Accepted Answer · 2012-02-29 19:23:12Z

1

It's already built into MVC (there are CSS classes for it).

Change the field-validation-error in site.css to include display:none.

input-validation-error controls how the text boxes look like.

That will only show red borders for invalid fields.

answered Feb 29, 2012 at 19:23

jgauffin

101k45 gold badges245 silver badges378 bronze badges

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

1 Comment

J4N Over a year ago

Shame on me :(. Designer gaves me a css without this class, and I didn't checked it was present, so everything was working, but I wasn't having the correct css :/. It also seems I don't need to add the Html.ValidationMessageFor to get this css.

Alexander Corwin · Accepted Answer · 2012-02-29 19:19:01Z

0

If you use jquery, you can do something like

$('input#myField').on('blur', function(){ //or keyup/keydown/keypress
  var myVal = $(this).val();
  bool isValid = isMyFieldValid(myVal);
  if (!isValid) {
    $(this).addClass('error');
    return false;
  }
  return true;
});

edit: just noticed you wanted a class added or not

answered Feb 29, 2012 at 19:19

Alexander Corwin

1,1676 silver badges11 bronze badges

Collectives™ on Stack Overflow

ASP.Net MVC: Client side validation

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related