Read more

Be careful when using buttons without a "type" attribute

Tobias Kraze
March 10, 2015Software engineer at makandra GmbH

Be careful when using buttons without a type attribute, since browsers will consider them the default submit button of a form.

Illustration online protection

Rails professionals since 2007

Our laser focus on a single technology has made us a leader in this space. Need help?

  • We build a solid first version of your product
  • We train your development team
  • We rescue your project in trouble
Read more Show archive.org snapshot

Suppose you have this form:

<form action="/save">
  <input type="text" />
  <button onclick="alert('Alert!')">Alert</button>
  <button type="submit">Save</button>
</form>

If you press the enter key inside in the text input, browsers will trigger the first button and show the alert.

To fix this, add a type="button" attribute to the first button.

Posted by Tobias Kraze to makandra dev (2015-03-10 10:34)