私は<button onclick="doSomething();">Do something</button>
内部form_for
ヘルパーを持っています。それをクリックすると、フォームが送信されます。代わりに、意図したとおりにクライアント側の作業を行いたいだけです。
どうすれば達成できますか?
編集:私は目的のためにのみ<button>
タグを使用できます。フォーム内に配置できればかなりうまくいくでしょう。
私は<button onclick="doSomething();">Do something</button>
内部form_for
ヘルパーを持っています。それをクリックすると、フォームが送信されます。代わりに、意図したとおりにクライアント側の作業を行いたいだけです。
どうすれば達成できますか?
編集:私は目的のためにのみ<button>
タグを使用できます。フォーム内に配置できればかなりうまくいくでしょう。
とても簡単です。追加するだけです水 falseを返します。。例を参照してください:
<button onclick="doSomething();return false;">Do something</button>
私は週末の休息と5分のグーグルが必要です:)
編集:<form>
ボタンが次のように書かれていることを確認してください:
<input type="button" onclick="doSomething()">
インデックスでフォームを選択できます。したがって、これが<form>
Web ページの最初の要素である場合、インデックスは 0 になります。インデックスは要素の順序です。これに問題がある場合は、いつでもフォームに名前を付けて、名前で選択できます。方法は次のとおりです。
var form = document.forms[0]; //selecting by index
var namedForm = document.forms["someForm"]; //Selects <form name="someForm">
var name = form.elements["nameInput"].value; //Selects <input type="text" name="nameInput">
などなど。これで問題が発生した場合はお知らせください。
<button onclick="doSomething();void(0)">Do something</button>
通常は、JavaScript からボタンのクリック イベントにフックして、懸念事項を分離することをお勧めします。