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

我在使用AJAX提交表單時遇到問題，在表單下打印響應字符串並將輸入設置爲只讀。使用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');（在那裏或在成功函數中）頁面重新加載並且消息丟失。

我該如何解決這個問題？

謝謝！

來源

2011-03-25 ilbassa

嘗試使用

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

和刪除

return false;

來源

2011-03-25 10:53:10 Faber

它的工作原理！

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

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

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

謝謝！

來源

2011-03-25 11:10:27 ilbassa

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

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

來源

2016-10-27 11:32:50

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

回答

相關問題