rna014 pro commented 6 years ago

Thanks. What would be the recommended method of displaying validation error messages on MDB forms ? - Are there any examples I can review ?

Thanks. What would be the recommended method of displaying validation error messages on MDB forms ? - Are there any examples I can review ?

Please insert min. 15 characters.

Publish

---

Jakub Strebeyko staff commented 6 years ago

Well, usually passing in the messages for particular fields is done with data-error / data-success attributes. The method, though, may vary from plugin to plugin.

Well, usually passing in the messages for particular fields is done with <code>data-error</code> / <code>data-success</code> attributes. The method, though, may vary from plugin to plugin.

Please insert min. 15 characters.

Publish

---

rna014 pro commented 6 years ago

ok I follow. I am trying out parsley as my validator and it exposes an attribute called "data-parsley-error-message" for the error message. What would a way of styling/positioning the output of this attribute the same way that MDB styles "data-error" ?

ok I follow. I am trying out parsley as my validator and it exposes an attribute called "data-parsley-error-message" for the error message. What would a way of styling/positioning the output of this attribute the same way that MDB styles "data-error" ?

Please insert min. 15 characters.

Publish

---

Jakub Strebeyko staff commented 6 years ago

I don't know Parsley, so can't advice, but if I were to be guessing - would suggest enriching it's initialization function with a script dynamically injecting data-parsley-error-message to particular element's data-error attribute. Worth to mention, that inputs' visual feedback is triggered using .validate, .valid and .invalid classes - that would be the way to tie it in with your validation method of choice. With Best Regards, Kuba

I don't know Parsley, so can't advice, but if I were to be guessing - would suggest enriching it's initialization function with a script dynamically injecting <code>data-parsley-error-message</code> to particular element's <code>data-error</code> attribute. Worth to mention, that inputs' visual feedback is triggered using <code>.validate</code>, <code>.valid</code> and <code>.invalid</code> classes - that would be the way to tie it in with your validation method of choice. With Best Regards, Kuba

Please insert min. 15 characters.

Publish

---