( HTML5, JQuery) Attributes of Input elements are ignored by JQuery

Question

In HTML5, when I make a text box like below, and press the submit button.

Answer 1

Instead of the 's click event, you want to hook on the

's submit one.

The click event will fire even though the form is invalid, while the submit one will first perform the validation:

document.getElementById('btn').onclick = e => console.log('btn has been clicked');
document.getElementById('form').onsubmit = e => console.log('form has been submitted');

bar