By Sam Deering

jQuery Custom Error Message

By Sam Deering
Help us help you! You'll get a... FREE 6-Month Subscription to SitePoint Premium Plus you'll go in the draw to WIN a new Macbook SitePoint 2017 Survey Yes, let's Do this It only takes 5 min

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
    else if (elem.parent().find('label.error').length > 0)
        //found inside parent (container for input group)
        //no error label found so put it after the input
Login or Create Account to Comment
Login Create Account
Get the latest in JavaScript, once a week, for free.