Question

我正在开发一个有两个按钮的注册页面。一个用于保存用户数据，另一个用于编辑数据。

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

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

我理解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>

Answer 1

＆＃13;

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

＆＃13;

提交

1 个答案: