ruby-on-rails - フォーム内のボタンは http 投稿をトリガーしますが、すべきではありません

Question

フォームを投稿してはならないいくつかのボタンを含む html フォームを作成しました。それらは、いくつかの JavaScript アクションのみを実行することになっています。しかし、これらのボタンがクリックされると、投稿リクエストがトリガーされます。ボタンの HTML コードは次のようになります。

<button class="btn" id=some_id>
</button>

ご覧のとおり、特別なことは何もありません。これらのボタンがフォームを投稿しないようにする方法はありますか?

使った

$('.btn').bind('click', function() {
    some_js_code
});

いくつかの js 機能をボタンにバインドします。
解決：

$('.btn').bind('click', function() {
    some_js_code
    return false;
});

score 4 · Accepted Answer

onClick ハンドラを追加して false を返すと、デフォルトの動作を防ぐことができます。例えば：

<button class="btn" id=some_id onClick="alert('do stuff'); return false;">
</button>

Anthony Grist が指摘したように、インライン属性は優れた方法ではありません。

score 0 · Accepted Answer

W3Schoolsによると

要素内には、テキストや画像などのコンテンツを配置できます。これが、この要素とこの要素で作成されたボタンの違いです。

type="button"そのため、本当にポストなしのダミーボタンとして扱いたい場合は、を追加する必要があります。

あなたはJavaScriptを使用していると述べているので、どちらかを設定することもできます

event.preventDefault() jQuery preventDefault

score 0 · Accepted Answer

0

のようなものがあるべきではありませんonclick="javascriptfunction()"か？

于 2012-08-28T10:23:05.327 に答える

3 に答える 3