モーダルのボタンのリフレッシュを無効にする

Question

モーダルのボタンに問題があります。このボタンにはonclickを入れましたが、問題はこの1つをクリックするとmouseまたはenter、ページが更新されたときです。

ENTERをクリックして、私のページを私の機能としたいのですが、connexion()は内部にAJAXコードを作成するので、リフレッシュしません。

これは私のモーダルコードです：あなたのonclickの機能で

<div class="modal fade" id="myModalLogin" role="dialog"> 
    <div class="modal-dialog"> 

     <!-- Modal content--> 
    <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> 
       <h4 class="modal-title" id="myModalLabel">Se connecter</h4> 
      </div> 
      <div class="modal-body"> 
       <div class="row"> 
        <div class="col-md-12"> 
         <div id='wellconnexion' class="well"> 


          <h1 id="TitleHistoriqueconnnexion" class="text-center">Se connecter</h1> 
          <br> 

          <h4 id="ContentHistorique1"></h4> 

          <div id='contentconnexion' class="contentconnexion"> 
          <form > 
          <div class="form-group formmarginleft"> 
           <input name="user_login" id="user_login" type="text" placeholder="Identifiant" class="form-control"> 
          </div> 
          <div class="form-group formmarginleft"> 
           <input name="user_password" id="user_password" type="password" placeholder="Mot de passe" class="form-control"> 
          </div> 
          <div class="row"> 
          <div class="col-12-xs text-center"> 
          <button id="validerlogin" onclick="connexion()" value="Se connecter" class="btn btn-primary">Se connecter</button> 
          <div data-dismiss="modal" class="btn btn-warning">Fermer</div> 
           </div> 
          </div> 
          </form> 

         </div> 
        </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
    </div> 

Answer 1

ページをリロードするからそれを防ぐためには、preventDefault関数を使用します。それは問題を解決するはずです。

https://api.jquery.com/event.preventdefault/

Answer 2

設定は、あなたのbutton要素にbuttonとしてtype属性：

<button type="button" ... >Se connecter</button> 

デフォルトでは、ボタンの要素セットは、このボタンをクリックしたときに、あなたのページが送信されます、submitに等しい属性タイプサーバーに転送します。ボタンはフォームデータをサーバーに送信します

あなたが提出MDNドキュメント

を確認することができます。これは、属性が指定されていない場合、または属性が空の値または無効な値に動的に変更された場合のデフォルトです。あなたの "かかわり（）" 機能に

Answer 3

使用のpreventDefault http://www.w3schools.com/jsref/event_preventdefault.asp

....