type=button and type=submit with pressing enter

Question

I noticed that when I create a button with type=button (on an example login button) to script it with JavaScript without refreshing the page, then I can't press Enter to move forward.

Is there a workaround?

Do you want to intercept the submit event to do something without actually posting to the action specified in the form? — Cᴏʀʏ, Jan 23 '15 at 21:15

score 1 · Answer 1 · answered Jan 23 '15 at 21:16

1

$(document).ready(function() {
  $(document).on('keypress', function(e) {
    if (e.which == 13){
      $('.button').trigger('click');
    }
  });
  
  $('.button').on('click', function() {
    alert('hi');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text"/>
<input type="button" class="button" value="BUTTON"/>

answered Jan 23 '15 at 21:16

indubitablee

8,136
2
25
49

The OP doesn't want a submit button. This is effectively a submit button that is dependent on several thousand lines of script rather than none at all (see answers to [*Submitting a form by pressing enter without a submit button*](http://stackoverflow.com/questions/477691/submitting-a-form-by-pressing-enter-without-a-submit-button)). – RobG Jan 23 '15 at 21:47

type=button and type=submit with pressing enter

1 Answers1