Keeping browser HTML form validation when submitting with javascript?

Question

Is it possible to keep the default HTML validation if submitting via Javascript?

What I mean is that, if I submit a form using this JS method:

document.getElementById("mc-embedded-subscribe-form").submit();

How do I keep the defualt error messages thrown by the browser?

One workaround I thought of is using this:

<form onSubmit="return somefunction()">

But because the API returns the success inside a closure function, I can't use this method.

Answer 1

according to my understanding of your question, html validation is not enough to halt submission, you have to validate required inputs in javascript too before submitting.

e.g

if (!empty(username)) {
    document.getElementById("mc-embedded-subscribe-form").submit();
}