Forum Discussion

_anomDiebolt_'s avatar
_anomDiebolt_
Qrew Elite
9 years ago

How to Validate Form Fields with Pattern and Display Message Bubbles?

How to Validate Form Fields with Pattern and Display Message Bubbles? Here is a demo using the HTML5 "Constraint Validation API" for an email field: Validate Me With Message Bubbles ~ Add New Re...
MatthewBarrett's avatar
MatthewBarrett
Qrew Member
8 years ago
I hate to change the subject, but I have a question back on the validate form fields with pattern and display message bubble subject.  How do you correct from invalid to valid entry?  I get the same result in my page as I do in the example page.  Once the field is flagged as invalid it continues to report as invalid even after correction.  Should I be using a change listener in the IOL page?
_anomDiebolt_'s avatar
_anomDiebolt_
Qrew Elite
8 years ago
I probably have a workaround that I will post after some testing. Luckily support for form validation has improved over time:

https://caniuse.com/#feat=form-validation

The tricky part is that the form validation was sort of designed to validate the entire form at the point in time just before it was submitted. What would be more appropriate for QuickBase users is to validate a field immediately after receiving input. My quick research found a workaround but I have other things to do at the moment so stay tuned.