0

Enter キーを使用してフォームを送信するにはどうすればよいですか。送信ボタンなしで？

以下のコードをテストしましたが、動作しません。

$("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>

私に提案してください！

4

6 に答える 6

7

複雑にしないでおく：

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

jquery の使用:

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

お役に立てれば。

于 2012-08-07T06:35:34.927 に答える
2

イベントをドキュメントオブジェクトにバインドできるすべてのEnterキーでフォームを送信する場合は、クロスブラウザーであるwhichjQueryオブジェクトのプロパティを使用できます。event

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

いいえの場合は、次を試すことができます：

$('input').on("keyup", function(event) {
   if (event.which == 13) { 
     $('form').submit();
     event.preventDefault()
   } 
});
于 2012-08-07T06:36:45.393 に答える
1

これを試して：

$("#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;
      }
});
于 2012-08-07T06:34:38.530 に答える
1

試す：

$("input").keypress(function(event) {
  if (event.which == 13) {
        event.preventDefault();
        $("#frmAddPurchaseord").submit();
    }
}
于 2012-08-07T06:36:13.133 に答える
1 
<form name="frmAddPurchaseord" id="frmAddPurchaseord" action="" method="post" onkeypress="if(event.keyCode==13) {this.submit();}" >
</form>
于 2012-08-07T06:37:29.000 に答える
1

これを試して。 デモ

 <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());

});
于 2012-08-07T06:37:40.527 に答える