JavaScript OnBlur event prevents HTML form from being submitted

javascript forms dom-events form-submit onblur
Artem picture Artem · Apr 13, 2009 · Viewed 15.7k times · Source

Consider the following form:

<form action="/a" method="post"> 
    <input name="x" type="text" onblur="myonblur(e)" />
    <input name="y" type="text" />
    <input name="submit" type="submit" value="Submit" />
</form>

When focus is on element with name "x" and user presses submit button, onblur event fires but form is NOT submitted. Is there any way to make submit button work as expected if I have onblur events in my form?

Answer

Click Upvote picture Click Upvote · Apr 13, 2009

Consider optimizing your onBlur() method so it takes less time to run. If your form is prevented from getting submitted, it might be because the onBlur() is too long and hangs the browser from doing anything else.

You can also use the onChange() method instead of onBlur(). That may work better for you.

Related questions

How do I capture response of form.submit

I have the following code: <script type="text/javascript"> function SubmitForm() { form1.submit(); } function ShowResponse() { } </script> . . . <div> <a href="#" onclick="SubmitForm();">Click</a> </div> I want to capture …

Read More
Prevent form submission on Enter key press

I have a form with two text boxes, one select drop down and one radio button. When the enter key is pressed, I want to call my JavaScript function, but when I press it, the form is submitted. How do …

Read More
HTML input file selection event not firing upon selecting the same file

Is there any chance to detect every file selection the user made for an HTML input of type file element? This was asked many times before, but the usually proposed onchange event doesn't fire if the user select the same …

Read More