Question

Is it possible to capture the state of an html5 form element using jquery? For example, when an email field detects that the input was not an email, does it fire an event that can be captured by jquery so that it can do something about it like disable the submit button until the correct email format has been inputted?

Answer 1

Look into the jQuery Validate (alternate link) plugin. It does exactly what you’re asking for in a simple jQuery function.

For the fields that you wish to be validated for valid emails, add email to the class attribute.