アラート・ボックスを閉じるとURLに疑問符が表示される

Question

サブミット・ボタンをクリックしたときにトリガーされる非常に単純なJSアラートを持つダミーのブートストラップ・モーダルがあります。コードは、ライブhereであり、これは、それがどのように見えるかです：あなたがサイトを訪れた場合

<div class="modal fade" id="contact" role="dialog" > 
<div class="modal-dialog"> 
    <div class="modal-content"> 
     <form class="form-horizontal" role="form" name="contact-form"> 
      <div class="modal-header"> 
       <h4>test</h4> 
      </div> 
      <div class="modal-body"><p>This is body</p></div> 
      <div class="modal-footer"> 
       <button type="submit" id="submit" class="btn btn-primary btn-lg" onclick="alert('something');">Send</button> 
      </div> 
     </form> 
    </div> 
</div> 

が、あなたは上部のナビゲーションメニューで接触リンクをクリックしてモーダルをトリガすることができます。モーダルは、次のようになります。あなたが見ることができるように

、ただ一つのフィールドと送信ボタンがあります。ボタンのonclick（）イベントは、画面上の単語「何か」を警告するように設定されています。これは、アラートを閉じると、ページが "？" URLに追加されます。このリフレッシュを防止するにはどうしたらいいですか？そして疑問符はどこから来たのですか？

Answer 1

最初に、ボタンのプロパティーtypeがsubmitに設定されていると思われたので、このプロパティーを完全に削除することをお勧めします。後続の疑問符はもう表示されません。しかしそれはそうです。

実際に行う必要があるのは、イベントのデフォルトアクションは、を防ぐ必要があります。

<button onclick="alert('something'); return false;">...</button> 

あなたは、よく、falseを返す。この方法は、これが認識されますが、クリックイベントのさらなる実行を阻止したいかのように、効果的に提出する：これを行うには、onclickイベントコールバック関数の中で右がfalseを返します操作。