Tired of looking for errors in log files? Use OneTrueError - Automated exception management in .NET.

Adding a required indicator in ASP.NET MVC3 using jQuery

You might want to indicate that fields in ASP.NET MVC3 is required visually.

Sample image

It’s easy thanks to the HTML attributes that the unobtrusive validation API generates.

Start by adding a new CSS class in your site.css called something like .required-indicator.

.required-indicator { color: red; font-size: 1.2em; font-weight: bold; }

Then add a small jQuery script somewhere (in the layout or an application.js):

$(function() {
    $('[data-val-required]').after('<span class="required-indicator">*</span>');
});

Done! Here is a sample fiddle.

This entry was posted in Uncategorized and tagged , . Bookmark the permalink.
  • accacc

    awesome man thanks!

  • http://twitter.com/ZackNYC Zachary R. Bennett

    yes. This is the Shit. Thanks!!!!