Keeping focus on form page when errors are highlighted

I have a form where some elements validate onBlur(this bit’s working fine) and some elements validate onsubmitting the form.

the validation highlights the error fields for a nano second then the form obeys the “post” method. How do I tell it that if those messages are displayed it should not “post” but keep focus on the page.

The example script I adapted my code from has nothing in the form action, which is why it displays the errors.

how do you tell a form its ok to send to the server once all fields return valid?

Also in #JavaScript _↴