Submit HTML5 Form using Javascript and validate its inputs

Question

I\'m writing form and adding html5 validation attributes to its input like \"required\", \"autofocus\". I use Javascript to submit the form using document.myForm.submit() bu

Answer 1

The pimvdb's answer is based on a workaround to include a hidden submit button.

HTML5 provides javascript functions to achieve the same thing without a submit button. As Tigraine pointed out, Mozilla documents two validity checking methods for 'form' elements:

• checkValidity() return true/false and doesn't show anything to the end user
• reportValidity() return true/false and ALSO shows the validation messages to the end user (like the normal submit button click does)

E-mail: 

Report validity

Check validity

Submit