15

Following problem:

On my site, I have two forms. One for login and one for main data. I have only one submit button in the mainform. The loginform is submitted via js on mainform submit.

This works fine. But in Safari I can press Enter while my focus is inside the login form. This will send the login form without the mainform, so I get an error (It redirects me to a plain view of a json I request on submit).

Is it possible to disable the "on enter pressed" action?

Newbie
  • 1,644
  • 5
  • 29
  • 40
  • While researching this issue I stumbled upon a little more context for this quirk (note the RESOLVED WONTFIX status): https://bugs.webkit.org/show_bug.cgi?id=16886 – Matt Rohland Jan 20 '15 at 22:58
  • It seems this is still the case in 2022. Safari submits the form on enter, even if the button or is disabled: https://codepen.io/cjimmy/pen/mdpbvzP – jimbotron Mar 11 '22 at 21:55

2 Answers2

24

If you say you use anyway the JS to submit the data in the form why not cancel the default behaviour of the browser with <form onsubmit="return false;">. This way no matter if you press the submit button or press enter in an input it won't be sent. The onsubmit="return false" shouldn't interfere with calling the submit() method on the form from JS.

khel
  • 2,358
  • 2
  • 19
  • 8
2

You can add the onsubmit handler for your login form. This handler can help you prevent submitting your form (and for example move your cursor to the next empty field in the forms);

<form onsubmit="do_some_function(); return false;" ></form>

To prevent form from submition, return false in your onsubmit handler;

nemisj
  • 11,562
  • 2
  • 25
  • 23