JavaScript
Article

jQuery Custom Error Message

By Sam Deering

Quick code snippet posting for my reference. It shows a validation error message (which could be inside a container with a label and input or outside a container directly on an element, it works with both). If non are found it simply adds the msg after the input.

Also see: Solutions to Common jQuery Errors

//used to override the default message for custom validation
validationErrorMsg: function(elem, msg)
{
    if (elem.find('label.error').length > 0)
    {
        //found inside input group element
        elem.find('label.error').html(msg);
    }
    else if (elem.parent().find('label.error').length > 0)
    {
        //found inside parent (container for input group)
        elem.parent().find('label.error').html(msg);
    }
    else
    {
        //no error label found so put it after the input
        elem.after(''+msg+'');
    }
},

No Reader comments

Recommended

Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

Get the latest in JavaScript, once a week, for free.