Look into a cross-browser solution for client-side validation of forms.

[monfresh]

In browsers like Chrome and Firefox, when an input field has the required attribute enabled, an alert appears within the field to let the user know they haven't filled it out (after submitting the form). This feature is not supported in IE <10, iOS and OS X Safari, and the default Android browser.

Since we already have server-side validation in place, I recently disabled the required attribute until we can find a suitable cross-browser solution, such as the ones recommended in this guide:

http://www.html5rocks.com/en/tutorials/forms/constraintvalidation/#toc-polyfilling

[webmaven]

Have you tried something like http://jqueryvalidation.org/documentation ?

[monfresh]

Thanks, @webmaven! I had not tried that, but it looks like it might do the trick. What do you think, @anselmbradford ?

[anselmbradford]

Sure, worth a check. Just needs to fallback gracefully in IE8 (if you want to comprehensively support XP), but since it's been around since '06 that's probably not a problem.

[civicissuebot]

Hello! This issue looks like it still needs help!
It's been clicked on 36 times through the Civic Issue Finder on http://www.codeforamerica.org/geeks/civicissues.
Can this issue be closed or does it still need some assistance?

If you wrote this issue, you can always update the labels for specifying tasks, add more info in the description to make it easier to contribute, or re-write the title to make more contributors interested in helping out.
If you are an open source contributor, ask and see how you can help by commenting or check out more open issues in this repo at https://github.com/codeforamerica/ohana-api/issues.

Just doing a little 🌱 open source gardening 🌱 of Brigade projects!
For more info/tools for creating civic issues, check out Got Issues Thank you!