CODEWITHSUNDEEP
jqueryhtml
Karthick V
Karthick V

Reputation: 1289

Jquery - Submit a form using enter key

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!

Upvotes: 0

Views: 8893

Answers (6)

Ahsan Khurshid
Ahsan Khurshid

Reputation: 9469

Try This: 

$("#frmAddPurchaseord").submit(); /* the id of the form */

jQuery:

 $("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('buttonId').click();
              $("#frmAddPurchaseord").submit();
         return false;
      } else  {
         return true;
      }
});

Upvotes: 1

Bob
Bob

Reputation: 1497

Try this. DEMO

 <form name="frmAddPurchaseord" id="frmAddPurchaseord" action="" method="post">
    <input id="submitButton" type="text" name="submit"  src="<?=$gCommonImagePath?>btn_save.png" />

 </form>

jquery .submit()

$('#frmAddPurchaseord').submit(function(e){
    e.preventDefault();
    alert($('#submitButton').val());

});

Upvotes: 1

Sumesh TG
Sumesh TG

Reputation: 450

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

Upvotes: 1

Ram
Ram

Reputation: 144689

If you want to submit the form on every enter key you can bind the event to the document object, you can use which property of jQuery event object which is cross-browser:

$(document).on("keyup", function(event) {
   if (event.which == 13) { 
     $('form').submit();
     event.preventDefault()
   } 
});

If no you can try:

$('input').on("keyup", function(event) {
   if (event.which == 13) { 
     $('form').submit();
     event.preventDefault()
   } 
});

Upvotes: 2

Sudhir Bastakoti
Sudhir Bastakoti

Reputation: 100175

Try:

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

Upvotes: 1

talha2k
talha2k

Reputation: 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.

Upvotes: 7

Related Questions