Custom error messages as data attribute

Hi there,

It would be really nice if you could add a custom error message as a data attribute to a field.

I would assume that data-bouncer-message would do the trick but it only works when a pattern fails, as you can see from this fiddle:

https://jsfiddle.net/rsx83ouw/5/

Other than that, a great library!

[montemartin]

I just deployed this on a project and [data-bouncer-message] worked on all fields. Trying it on another and it doesn’t work. The one that worked was using the CDN and loading v1.0.5. The non-working project I used downloaded v1.4.6. My conclusion is that it worked on all fields as a data attribute originally, and has since been changed.

[iamkeir]

You can create your own custom attributes, see the demo in the docs: https://codepen.io/cferdinandi/pen/ywMdKp

Specifically, line 22 of the demo JS:

messages: {
  valueMismatch: function (field) {
    var customMessage = field.getAttribute('data-bouncer-mismatch-message');
    return customMessage ? customMessage : 'Please make sure the fields match.'
  }
}

You can create any data-attr format/naming convention and values you wanted.

Another example:

messages: {
  missingValue: {
    default: function(field) { return field.getAttribute('data-required-msg') ? field.getAttribute('data-required-msg') : 'Required'; }
  }
}