intake form - console error for invalid companion phone number is not focusable when submitting form

[kml27]

enter encounter values, enter a string like comp2 in companion phone number, goto section 7, submit

[kml27]

prevents submission, but provides no obvious reason as to why

[kml27]

options (mixture of which and/or others may be a solution) include

• provide a generic check for errors alert in header
• provide valid and invalid styling so individual elements show their validation state (check or x?)
• force to tab to show the first of any errors on submission, users should rinse, repeat

please add any other options for discussion

[jsibley]

Note that this also happens for the 'Period for medication (days)' field on the 'Treatment' section of the f/u form.

[jsibley]

Still not quite there yet. If I enter an invalid value, then click on another tab, I briefly see the pop-up telling me the value is invalid, but it would be easy to miss/dismiss. I think we'll be better served either with immediate validation checking as they're typing in the field or maybe we can put a flag on the tab if any invalid elements are within it?

[kml27]

60e374f