保存ボタンを永久に無効にし、送信後に編集ボタンを有効にする

私は2つのボタンを持つ登録ページを作成しています。ユーザーデータを保存するものとデータを編集するもの。保存ボタンを永久に無効にし、送信後に編集ボタンを有効にする

ユーザーがデータを送信する前に、「保存」ボタンのみがアクティブになる必要があります。つまり、「編集」ボタンを無効にする必要があります。

ユーザーがデータを入力してデータベースに正常に保存すると（すべての検証に合格したことを意味する）、「保存」ボタンを無効にして、データベースにデータを1回だけ保存するようにします「編集」ボタンがアクティブになって、データを編集することができるようになります。

私はjqueryがこのようなケースに最も適していると理解しており、あなたの助力は高く評価されます。私はどこで助けを求めようとしましたが、成功しませんでした。私はjqueryでうまくいきません。私は助けを求めています。前もって感謝します。以下に示すよう 2つのボタンの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 Kumarに感謝します。実際、このコードは、テキスト入力とチェックボックス、および保存ボタンを無効にする際に機能し、編集ボタンも有効です。しかし、ログインの最初の時点で、テキスト入力と保存ボタンがアクティブになって、ユーザーが保存をクリックしてデータを入力して保存できるようにしていただければ幸いです。ありがとうございました –

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

保存ボタンを永久に無効にし、送信後に編集ボタンを有効にする

答えて

関連する問題