CODEWITHSUNDEEP
javascripthtml
Usman Mutawakil
Usman Mutawakil

Reputation: 5259

Why do some forms auto-submit on clicking the enter button and others do not?

Problem:

I never specify a submit button, as I use ajax to submit my forms, but some forms have an auto-submit feature regardless.

Background:

Throughout my application I have instances when clicking the enter button will auto-submit a form and other instances where it will do nothing. For example; there are times where I will need to capture the "enter" button to get an auto-submit but other times where it seems to just happen on it's own and I have not found the pattern. Except that the dynamically created forms seem to have the auto-submit feature but static ones do not? Does anyone else have a similar issue.

Example:

All of my forms have the submit button removed and I specify no target or action elements as seen below. All of the forms have their data transmitted through AJAX.

<form id="ajaxForm">
<input>
</form>
<button>ButtonOutSideForm</button>

Not looking for a way to prevent auto-submit

I already know about "onsubmit = return false" and e.preventDefault. I'm not looking for a way to disable auto-submit. My question is why does it's presence seem arbitrary. Thanks.

Upvotes: 9

Views: 7012

Answers (1)

Usman Mutawakil
Usman Mutawakil

Reputation: 5259

As LouD pointed out. Some browsers will auto-submit if the form only contains one input element.Why does forms with single input field submit upon pressing enter key in input

Upvotes: 6

Related Questions