0

正常に動作している画像とテキストデータを投稿していますが、投稿中に画像を表示したいと同時に投稿ボタンを無効にしたいのですが、フォーム送信後に画像を非表示にして投稿ボタンを有効にする必要があります。

以下は私のコードです。ここでは画像を表示し、投稿ボタンを無効にしていますが、機能していません。

<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>
4

1 に答える 1

0

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-25T06:45:58.670 に答える