0

私の形で私はこのような私のボタンを持っています

<button id="mybutton" type="submit"></button>

フォームを送信するためにクエリ送信を使用しています

 $('#mybutton').click(function()
    {
        $('form#myform').submit();
}

Enterキーを押すと、クリックキャッチを渡すことでフォームを完全に送信する以外に、ほとんどの場合に機能します。ボタンの種類をボタンに変更しました

<button id="mybutton" type="button"></button>

しかし、Enterキーを押しても何も起こりません。

bindまたはonを使用できると聞きましたが、この場合、それがどのように役立つかわかりません。どんな助けでも大歓迎です 編集

ボタンの種類を[送信]ボタンから変更すると、Enterキーを押しても何も起こりません。次に、ボタンを手動でクリックする必要があります。送信するタイプを残すと、jquerynetを渡してEnterキーでフォームを送信します。

4

5 に答える 5

1

フォームが送信ボタンまたは最後の入力でEnterキーを押して送信したときにトリガーされるようにするには、フォームの送信イベントにバインドする必要があります。

フォーム：

<form id="myform">

... input fields here ...

<button type="submit">Submit</button>

</form>

js：

$("#myform").submit(function(){
    alert("the form submit event happened!");
    // here you can either prevent the form 
    // from submitting and do an ajax request, 
    // or do nothing and let it submit naturally.
});
于 2012-07-23T20:19:17.573 に答える
1

なので何もしませんbutton type。

ただし、これを試して「シミュレート」し、Enterキーを押したときに送信することができます。

$(document).keypress(function(e) {
   if(e.which == 13) {
       $('form#myform').submit();
   }
});

何かを追加するために、次のようなコードを2倍書くと主張する人もいます。

$(document).ready(function(){

   $(this).keypress(function(e) {
     if(e.which == 13) {
       $('form#myform').submit();
     }
   });

   $('#mybutton').click(function() {
     $('form#myform').submit();
   });  

});​

それほど多くはありませんが、私は短い方法を試してみます:-)

于 2012-07-23T20:24:00.857 に答える
0

ボタンではなく入力タグとして試してみませんか？試すだけの価値があります

あなたはこれを作ろうとしているので、彼らがEnterキーを押しても何もしませんか？彼らが実際にそれをクリックした場合にのみ？

デフォルトのクリックを停止するには：

.click(function(e){
    e.preventDefault();
});
于 2012-07-23T20:17:50.940 に答える
0

フォームがclick()イベント内で送信されないようreturn false;にするには、コールバックの最後にを使用します。

于 2012-07-23T20:20:05.873 に答える
0

問題はライブかバインドかではないと思います。おそらく、クリックイベントのハンドラーのみを作成しているという事実と関係があります。

于 2012-07-23T20:23:21.727 に答える