提交后永久禁用保存按钮并启用编辑按钮

debugcn 发表于 Dev

清洁

我正在处理一个有两个按钮的注册页面。一个保存用户数据，另一个应该编辑数据。

在用户提交数据之前，只有“保存”按钮应处于活动状态，这意味着应禁用“编辑”按钮。

用户输入数据并成功保存到数据库后（即已通过所有验证），“保存”按钮应永久禁用，以便用户只将数据保存到数据库一次，之后“编辑" 按钮变为活动状态，使他/她能够在他/她将数据调暗时对其进行编辑。

我知道 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>

RïshïKêshKümar

<!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>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。