Wednesday, 28 July 2010 11:49 by
SyntaxC4When it comes to providing a more usable interface for your user, I find that labels are the key. Being able to style a label as an error message and position it where you need it for your user is great, the added functionality being, if the user clicks on the label it lands their cursor nicely in the corresponding field [provided you have filled in the ‘for’ attribute].
When it comes to ASP.NET MVC, Microsoft made the choice to go with a <span> tag instead of the <label>. I’m not sure why they made this decision, and please feel free to comment below if I'm breaking an html rule here, but a label for error validation just seems to be a no brainer to me.
If you feel the same here is a snippet of Code I created to be change a ValidationMessageFor Extension Method into a Method that provides the label error messaging.
using System;
using System.Linq.Expressions;
using System.Text.RegularExpressions;
using System.Web.Mvc;
using System.Web.Mvc.Html;
public static class ValidationExtensions
{
public static MvcHtmlString ValidationMessageLabelFor<TModel, TProperty>(this HtmlHelper<TModel> html, Expression<Func<TModel, TProperty>> expression, string errorClass = "error")
{
string elementName = ExpressionHelper.GetExpressionText(expression);
MvcHtmlString normal = html.ValidationMessageFor(expression);
if (normal != null)
{
string newValidator = Regex.Replace(normal.ToHtmlString(), @"<span([^>]*)>([^<]*)</span>", string.Format("<label for=\\"{0}\\" $1>$2</label>", elementName), RegexOptions.IgnoreCase);
if (!string.IsNullOrWhiteSpace(errorClass))
newValidator = newValidator.Replace("field-validation-error", errorClass);
return MvcHtmlString.Create(newValidator);
}
return null;
}
}
I know that Regular Expression can cause some performance issues, and I don’t call myself a RegEx Master, so if you find a more efficient way to do this please Contact Me, and I will be sure to post the code change.
Remember: “friends don’t let friends __doPostBack();”
Happy Coding!