2015-09-25 10 views
5

私はng-submitの次の質問に移動するフォームを持っています。なぜこれが起こっているフォームクリックがトリガーされています

 <form ng-submit="BC.next()" novalidate> 
      <input type="submit" value="Next Question"/> 
      <button id="previous" ng-click="BC.previous()">Previous Question</button> 

しかし、私は前のボタンをクリックしたときに、実行した後、それは、私はとても混乱しているBC.next()をトリガし、誰もが知っているのですか?私もで<input type="submit">タグを閉じようとしましたが、修正されませんでした。

+0

ボタンをクリックしたときのフォームのデフォルト動作を防止する –

答えて

10

送信していないフォーム内の他のすべてのボタンがtype="button"であることを確認してください。

<form ng-submit="BC.next()" novalidate> 
      <input type="submit" value="Next Question"/> 
      <button type="button" id="previous" ng-click="BC.previous()">Previous Question</button> 

あなたは、詳細を見ることができます:How to prevent buttons from submitting forms

TL;ポストのためのDR:<button type="submit">としてHTML5のデフォルト<button>ますので、これを手動で変更する必要があります。

+0

すごく面白い!!どうやってそれを知ったのですか?これはどこかに置かれていますか?それとも、javascriptの動作が期待されていますか? – Noitidart

+0

あなたの編集に感謝します!だからそれはJavaScriptの動作ハァッですか?スタックは私が8分分のために滑りを受け入れるようにしてはいけません。 – Noitidart

+1

これはAngular&Javascriptで作業を始めたときの最初の問題の1つで、このことを非常によく理解しています。 – Shikloshi

関連する問題