想要顯示圖像，並禁用提交按鈕，而阿賈克斯提交

我發佈的圖像和文本數據，工作正常，但在發佈過程中，我想顯示圖像和同一時間我想禁用後按鈕，表單提交圖像後應被隱藏並且應該啓用發佈按鈕。想要顯示圖像，並禁用提交按鈕，而阿賈克斯提交

以下是我的代碼，在這裏我顯示圖像並禁用發佈按鈕，但它不工作。

<form id="own_message_post" action="ownmessages" method="post"> 
     <textarea name="message" rows="4" cols="45" id="text_message" placeholder="Update your status"></textarea> 
     <img src="images/loader.gif" alt="posting" id="loading_img" style="visibility: hidden;"> 
     <input id="fileupload" type="file" name="user_post_image" data-url="ownmessages"> 
      <select name="msg_visibility"> 
      <option value="public">Public</option> 
      <option value="friends">Friends</option> 
      <option value="me">Me only</option> 
      </select> 
     <input type="submit" value="Post" id="submit_form_button"> 
     </form> 

<script> 
     // wait for the DOM to be loaded 
     $(document).ready(function() { 
     // bind 'myForm' and provide a simple callback function 
      $('#submit_form_button').click(function() { 
      var a= $('#text_message').val(); 
      if(a=='' || a.length==0) 
      { 
        $('#err').text("Please post your status"); 
        return false; 
       } 
      if(a.length<10) 
       { 
        $('#err').text("minimum 10 characters are required"); 
        return false; 
       } 

     }); 
     $('#own_message_post').ajaxForm(function(data) { 

       $("#loading_img").css("visibility", "visible"); 
       $('#submit_form_button').attr("disabled", true); 
       $('#messages_and_pages').html(data); 
       $('#text_message').val(""); 
       $('#fileupload').val(""); 
       $('#submit_form_button').removeAttr('disabled'); 
       $("#loading_img").css("visibility", "hidden"); 

      }); 
    }); 
</script>

來源

2013-03-25 manish m

可能重複http://stackoverflow.com/questions/8140946/how-to-show-a-loading-gif-mean-while -a提交外形是幸福執行的，jQuery的 – Vortex 2013-03-25 06:33:22

更改給ajaxForm部分這樣的：

var options = { 
      beforeSubmit: function() { 
         // code for disable button and hide/show stuff 
    }, 
      success: function(data) { 
         // code for enable button and show stuff 
    }}; 

    $('#own_message_post').ajaxForm(options);

來源

2013-03-25 06:45:58

想要顯示圖像，並禁用提交按鈕，而阿賈克斯提交

回答

相關問題