使用AJAX提交表單並將輸入字段設置爲只讀

Question

我在使用AJAX提交表單時遇到問題，在表單下打印響應字符串並將輸入設置爲只讀。

我的代碼：

$('#save').click(
     function(){ 
      var form_data ={ 
      name: $('#name').val(), 
      ajax:'1' 
      }; 
      $.ajax({ 
       url:"page.php", 
       type: 'POST', 
       data: form_data, 
       success: function(data){ 
         $('#form_message').html(data); 
       } 
      }); 
      $('#name').toggleClass('bgcolored'); 
      $('#save').addAttr('readonly'); 
      $('#save').toggleClass("invisible");   
      return false; 
     } 

如果我刪除行$('#save').addAttr('readonly');腳本的工作原理：它的輸入框#name，並在送價值，趕上響應，並將其打印到DIV form_message和切換兩班提交按鈕#save。 如果我把$('#save').addAttr('readonly');（在那裏或在成功函數中）頁面重新加載並且消息丟失。

我該如何解決這個問題？

謝謝！

Answer 1

嘗試使用

$('#save').attr('readonly','true'); 

和刪除

return false; 

Answer 2

它的工作原理！

$('#name').attr('readonly','true'); 

使它readoly沒有重新加載頁面！

P.S. 我在這個問題上犯了一個錯誤，顯然「只讀」標籤必須應用於#name輸入框而不是提交按鈕。

謝謝！

Answer 3

這些天與jQuery 1.6.1或它上面建議使用.prop（）

$("#fieldName").prop("readonly", true);