jqueryのAjaxを使用中にフォームがサブミットされない

jqueryを使用するajaxページ（Ajax.php）からの送信ボタン（secondbutton）が機能しません。いくつかのブラウザでうまくいきます。しかし、一部のブラウザでは、一部のモバイルブラウザのように動作しません。 PLZは私を助けます。jqueryのAjaxを使用中にフォームがサブミットされない

 <!DOCTYPE html>  
      <html lang="ta"> 
      <head> 
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
      <script> 
      $(document).ready(function(){ 
       $("#MyRegister").on('submit', function(){ 
       if ($("#Button").val()=="FirstButton") { 
        $.ajax({ 
        url: "Ajax.php", 
         method: "GET" 
        }) 
       .done(function(response) { 
        $("#Opj").html(response); 
       }); 
       return false; 
       } 
       return true; 
      }); 
      </script> 
      </head> 
      <body> 
      <form id="MyRegister" method="post" action="Target.php">  
      <input id="MyName" type="text"> 
      <div id="Opj"> <input type="submit" id="Button" value="FirstButton"></div> 
      </form> 
      </body> 
      </html>

Ajax.php

<input type="submit" id="Button" value="SecondButton">

出典

2017-01-19 yaseen ahmed

私がしようとする前に、それらを固定してみてください、あなたはあなたのJSは、いくつかの構文エラーがありhere

出典

2017-01-19 21:45:58 MarceloMita

いいえ、それは別の質問です。しかしここでは私はただ一つの形しか持っていません。 2番目のボタンはAjax.phpから来ています。 –

plsは正解を返します。 –

に答えのようフォームに新しいボタンをバインドする必要があると思います再び。字下げを簡潔にすると、構文エラーが非常に簡単に見つかります。

クリーンコード：

$(document).ready(function(){ 
    $("#MyRegister").on('submit', function(){ 
    if ($("#Button").val()=="FirstButton") { 
     $.ajax({ 
     url: "Ajax.php", 
     method: "GET" 
     }) 
     .done(function(response) { 
     $("#Opj").html(response); 
     }); 
     return false; 
    } 
    return true; 
});

出典

2017-01-19 21:49:55

質問を編集しました。しかし、それはまだいくつかのブラウザで動作していません。もっと助けてくれますか？ –

「いくつかのブラウザ」について詳しく説明できますか？また、どんなエラーが出ていますか？ –

セカンド・ボットンは何の行動も得られていません。 secondbuttonによる –

jqueryのAjaxを使用中にフォームがサブミットされない

答えて

関連する問題