2016-08-15 7 views
-2

私のウェブサイトでは、ユーザーはテキストを動的に追加し、動的に削除することができます(AJAX経由)。preventDefault()と2つの関数

問題は、ユーザーがテキストを追加して直ちに削除する場合です。 抑制は実現されません(削除フォームの送信は検出されません)。

$(document).ready(function() { 
    $(function(){ 
     /* ADD A TEXT */ 
     $("#formAdd").submit(function(evt) { 
      evt.preventDefault(); 
      var text = $(this).find("textarea").val(); 
      if (text) {     
       var url = $(this).attr('action'); 
       form = $(this).serialize(); 

       $.ajax({ 
        type : "POST", 
        url : url, 
        dataType : "json", 
        data: { 
         "form" : form, 
         "form-type" : $(this).find(':submit').attr("name") 
        }, 
        success: function(data){ 
         document.getElementById("visualisation").html = text;        
        }, 
        statusCode: { 
         400: function() { 
          alert("error"); 
         } 
        } 
       }); 
      } 
     }); 


     /* REMOVE A TEXT */ 
     $('#formDelete').submit(function(e) {    
      alert("CHECK !"); 
      var idText = $(this).find('#text_visualisation').val(); 

      form = $(this).serialize(); 
      $.ajax({ 
       type:"POST", 
       url: $(this).attr('action'), 
       dataType : "json", 
       data: { 
        'form' : form, 
        "form-type" : $(this).find(':submit').attr("name"), 
       }, 
       success: function(data) {      
        $("#text").remove(); 
        $("#modal_deleteForm").modal('hide');          
       }, 
       statusCode: { 
        400: function() { 
         alert("error"); 
        } 
       } 
      }); 
      return false; 
     }); 
    }); 
}); 

私は直後にこのテキストを追加したテキストを削除したいときにalert("CHECK !");が実現されていません。どうして ?

+0

あなたの質問は完全には明らかではありませんが、一方で、人々は「削除」をクリックすることを意味しています最初のAJAXリクエストが進行中で、リクエストが完了するとデータが追加されます。 –

+0

テキストを追加したり、テキストを削除したり、同じテキストを追加したり削除したりすることはできません(この場合は問題) – YassVegas

答えて

-2

私は、何時間もの研究の後に解決策を見つけました... problemeはpreventDefault()ではなくinnerHTML(あなたは今、それはできませんでした、残念です)。

しかし、使用のinnerHTMLプロパティは、フォームのjqueryの提出をブロックすることができますなぜ私は理解していない...

感謝の

関連する問題