1

フォームに「次へ」ボタンと「戻る」ボタンをいくつか追加しようとしています。アイデアは、記入プロセスをいくつかのステップに分割することです。これらのボタンを使用すると、現在のステップの div が非表示になり、次の resp が表示されます。前のステップが表示されます。

私の問題は、次の方法でボタンを追加すると...

<button class="proceed_button" id="loan_information">Proceed</button>
<button class="cancel_button" id="loan_information">Cancel</button>

...フォームを送信します。フォームタグ内のすべてのボタンは送信ボタンと見なされますか? もしそうなら、どうすればこの動作を変更できますか? そうでない場合、なぜ彼らはそれをしているのですか？

4

2 に答える 2

1

ボタンが必要かどうかはわかりませんが、ボタンのように見せたいのかもしれません。いずれにせよ、この投稿を参照してください: rails 3: display link as button?

ボタンを作成したら、JavaScript を更新して、クリックされたときに何も起こらないようにする必要があります (jquery があると仮定します)。js を使用せずにこれらの恐竜に実際のフォールバックを提供することは依然として素晴らしいので、js を使用しないユーザーに対して続行ボタンが送信されると仮定すると、js を使用するユーザーに対しては次のようにします。

$('#proceed_button').click(function(e) { e.preventDefault(); // Show and hide your divs here });

また、投稿されたコードでは、同じ ID を持つ 2 つのボタンを使用しないでください。ID とクラスが入れ替わっているように見えます。

于 2012-10-24T18:51:35.150 に答える
0

解決策は、ボタンにタイプが必要なことです。

<button type="button" class="proceed_button" id="loan_information">Proceed</button>
<button type="button" class="cancel_button" id="loan_information">Cancel</button>

このように、フォームはもう送信されません。

http://w3schools.com/html5/att_button_type.aspによると、デフォルトのタイプはブラウザに依存するため、常にタイプを指定する必要があります。

于 2012-10-24T20:15:51.623 に答える