Question

How can I submit a form using Enter key. without having a submit button?

I tested the below code but it does not working.

$("input").bind("keydown", function(event) {
   console.log('came');
   var keycode = (event.keyCode ? event.keyCode : (event.which ? event.which : event.charCode));
   if (keycode == 13) { // keycode for enter key
     document.getElementById('submitButton').click();
     // $('#frmAddPurchaseord').submit();
     return false;
     } else  {
     return true;
     }
    }); 
 <form name="frmAddPurchaseord" id="frmAddPurchaseord" action="" method="post">
   //Submit button
  <input id="submitButton" type="image" name="submit"  src="<?=$gCommonImagePath?>btn_save.png" />
 </form>

Please suggest me!

Answer 1

Keep it simple:

<form name="frmAddPurchaseord" id="frmAddPurchaseord" action="" method="post">
      <input type="text" name="name" onkeypress="if(event.keyCode==13) {this.submit();}" />
</form>

Using jquery:

$("input").keypress(function(event) {
  if (event.which == 13) {
        event.preventDefault();
        $("#frmAddPurchaseord").submit();
    }
});

Hope this helps.