永久禁用保存按鈕並提交後啓用編輯按鈕

我正在註冊頁面上有兩個按鈕。一個保存用戶數據，另一個保存數據。永久禁用保存按鈕並提交後啓用編輯按鈕

在用戶提交數據之前，只有「保存」按鈕應該處於活動狀態，這意味着應該禁用「編輯」按鈕。

在用戶輸入數據併成功將其保存到數據庫（意味着它已通過所有驗證）之後，應該永久禁用「保存」按鈕，以便用戶將數據僅保存到數據庫一次其中「編輯」按鈕變爲活動狀態以使他/她在他/她變暗時編輯數據。

我明白jquery是最適合這種情況，您的幫助將受到高度讚賞。我試圖搜索每一個地方尋求幫助，但我沒有成功。我在jQuery中並不擅長，因此我尋求幫助的原因。先謝謝你。兩個按鈕的HTML腳本中，如下所示：

<button type="button" class="buton" name="submit" id="btnOne">Save »</button>

<button disabled id="btnTwo" type="buton" class="button" name="edit">Edit &raquo;</button>

來源

2017-05-27 k.clean

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
</head> 
 
<body> 
 
    <form name='' id='' action='' method='post'> 
 
     <input type='text' name='txt_category' id='category' value='Jhon' placeholder="Firstname" disabled> 
 
     <input type='text' name='txt_stage' id='stage' value='Smith' placeholder="Lastname" disabled> 
 
     <select disabled> 
 
      <option>Male</option> 
 
      <option>Female</option> 
 
     </select> 
 
     <input type='checkbox' name='txt_approve' id='approve' value='$approve' disabled> 
 
     <input type="button" name='edit' value='edit'> 
 
     <input type="button" name='save' value='save'> 
 
    
 
     
 
    </form> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
    <script> 
 
     
 
    $(document).ready(function(){ 
 

 
     $("form input[type=text],form input[type=checkbox]").prop("disabled",true); 
 

 
     $("input[name=edit]").on("click",function(){ 
 

 
       $("input[type=text],input[type=checkbox],select").removeAttr("disabled"); 
 
     }) 
 

 
     $("input[name=save]").on("click",function(){ 
 

 
      $("input[type=text],input[type=checkbox],select").prop("disabled",true); 
 
     }) 
 
      
 
      
 

 
    }) 
 
    </script> 
 
</body> 
 
</html>

來源

2017-05-27 14:53:52

謝謝瑞詩凱詩庫馬爾的答案。但是，我已經嘗試過您發佈的代碼，但我的「保存」按鈕不再將數據提交到數據庫，而編輯按鈕仍處於禁用狀態。 –

再次感謝你@RishiKesh庫馬爾你的答案。事實上，代碼在禁用文本輸入和複選框以及保存按鈕時起作用，並且編輯按鈕也處於活動狀態。但是，如果登錄首次，文本輸入以及保存按鈕處於活動狀態，以便用戶通過單擊保存來輸入和保存數據，我將不勝感激。謝謝 –

okkk ........... –

永久禁用保存按鈕並提交後啓用編輯按鈕

回答

相關問題