Added validation when submitting an h5Validate enabled form

ericelliott / h5Validate

An HTML5 form validation plugin for jQuery. Works on all major browsers, both new and old. Implements inline, realtime validation best practices (based on surveys and usability studies). Developed for production use in e-commerce. Currently in production with millions of users.

576 stars 125 forks source link

Added validation when submitting an h5Validate enabled form #37

Closed joelpurra closed 12 years ago

joelpurra commented 12 years ago

Imitates/emulates the native browser form submit validation procedure of Google Chrome, using h5Validate.

Prevents the form from submitting if any invalid fields exists.
Validates all form fields.
Moves focus to the first invalid field.

The first feature needs to be enabled for the other two (optional) features to execute. All three are enabled by default, see documentation and options. Included a bunch of tests; please execute them to confirm the functionality.

joelpurra commented 12 years ago

This feature should be in line with this comment on issue#5 from @dilvie.

The plan now is to block submit by default, just as a native browser implementation would probably do, until all inputs validate on the form.

fabiosantoscode commented 12 years ago

HTML5 validation is most useful because it stops the user from submitting the form. I consider this a very important feature.