Изменить значение кнопки отправки

Question

Может потребоваться много времени, чтобы завершить call.php и получить возвращаемое значение, как я могу изменить значение кнопки отправки на «Обработка ...» во время выполнения вызова. Php?

кнопку Submit с идентификатором "submit_btn", нет никаких изменений в сценарий

$('#submit_btn').val('Processing …')

AJAX код

$(document).ready(function(){ 
    $('#form1').submit(function(e) { 
     e.preventDefault(); 
     $('#submit_btn').val('Processing ...'); 
     $.ajax({ 
     cache: false, 
     type: "POST", 
     dataType: "json", 
      data: $('#form1').serialize(), 
     url: $('#form1').attr('action'), 
     complete: function (HttpRequest, textStatus) { 
       $('#submit_btn').val('Create'); 
     }}); 
     return false; 
    }); 
}); 

HTML

<form action="call.php" method="POST" id="form1" name="form1"> 
     <input type="text" name="campname" id="campname"> 
     <textarea id="longdesc" name="longdesc"></textarea> 
     <input type="text" name="vercode" id="vercode" /> 
     <input type="submit" value="Create" id="submit_btn" /> 
</form> 

Answer 1

Для простой формы из одного HTML-файла, $ ('# submit_btn') Кнопка Вэл ('Обработка ...') ('Обновить')..; работает, но НЕ на нескольких страницах jQuery.

HTML

<form action="test.php" method="POST" id="form1" name="form1"> 
    <fieldset> 
     <input type="text" name="field1" id="field1" /> 
     <input type="button" value="Button" name="btn01" id="btn01" /> 
     <input type="submit" value="Submit" id="submit_btn" /> 
    </fieldset> 
</form> 

AJAX

$(document).ready(function() { 

    $('#form1').submit(function (e) { 
     e.preventDefault(); 
     $('#submit_btn').val('Processing …').button('refresh'); 
     $.ajax({ 
      type: "POST", 
      dataType: "json", 
      data: $('#form1').serialize(), 
      url: $('#form1').attr('action'), 
      complete: function (HttpRequest, textStatus) { 
       $('#submit_btn').val('Submit').button('refresh'); 
      } 
     }); 
     return false; 
    }); 
}); 

Демонстрационная страница:.. http://jsfiddle.net/yckelvin/C6kzr/

Для нескольких страниц JQuery, $ ('# submit_btn') предыдущий() текст ("Обработка ... ").

HTML

<!-- HOME Page --> 
<div data-role="page" id="page1"> 
    <div data-theme="b" data-role="header" data-position="fixed"> <a href="#menu" data-icon="bars" class="ui-btn-left">Menu</a> 

    </div> 
    <!-- Panel Page ----> 
    <div data-role="panel" id="menu" data-display="overlay"> 
     <ul data-role="listview"> 
      <li><a href="#formpage" data-prefetch="false">Goto Form Page</a> 

      </li> 
     </ul> 
     <p><a data-role="button" data-rel="close">Close</a> 

     </p> 
    </div> 
</div> 
<!-- Form Page --> 
<div data-role="page" id="formpage" data-add-back-btn="true"> 
    <div data-role="content"> 
     <form action="test.php" method="POST" id="form1" name="form1"> 
      <fieldset> 
       <input type="text" name="field1" id="field1" /> 
       <input type="button" value="Button" name="btn01" id="btn01" /> 
       <input type="submit" value="Submit" id="submit_btn" /> 
      </fieldset> 
     </form> 
    </div> 
</div> 

AJAX

$(document).ready(function() { 

    $('#form1').submit(function (e) { 
     e.preventDefault(); 
     $('#submit_btn').prev().text("Processing ...").delay(1000); 
     $.ajax({ 
      type: "POST", 
      dataType: "json", 
      data: $('#form1').serialize(), 
      url: $('#form1').attr('action'), 
      complete: function (HttpRequest, textStatus) { 
       $('#submit_btn').prev().text('Submit'); 
      } 
     }); 
     return false; 
    }); 
}); 

Демонстрационная страница: http://jsfiddle.net/yckelvin/V5mSv/

Answer 2

$(document).ready(function(){ 
    $('#submit_btn').click(function(e) { 
     e.preventDefault(); 
     $(this).val('Processing ...'); // this did the trices 
     $.ajax({ 
     cache: false, 
     type: "POST", 
     dataType: "json", 
      data: $('#form1').serialize(), 
     url: $('#form1').attr('action'), 
     complete: function (HttpRequest, textStatus) { 
       $('#submit_btn').val('Create'); 
     }}); 
     return false; 
    }); 
}); 

WORKING DEMO

Answer 3

Использование $ajax «s beforeSend вариант:

$.ajax({ 
    cache: false, 
    type: "POST", 
    beforeSend: function() { ... }, 
    ... 

Answer 4

Я не очень уверен, но почему бы не попытаться изменить значение с помощью JQuery на клик?

Что-то вроде:

$('#submit_btn').click(function(){ 
    $(this).val("your value") 
}) 

... или просто изменить в коде представить с нажмите :)

------------ --EDIT (на основе кода автора) ----------------

Значение кнопки не изменяется, поскольку в jquery вы используете стиль, основной ввод ввода путем применения пролет над ним. Таким образом, щелчок Вы должны будете изменить текст в этом диапазоне.

Вот DEMO