如果文本区域已编辑但未保存，则删除按钮 - Removing a button if textarea is edited and not saved

Removing a button if textarea is edited and not saved

我得到了两个表单。

第一个表单包含一个按钮，该按钮将标记任务已完成并检索新任务。

第二个表单用于提交翻译后的内容或处理已保存的内容。因此它包含一个文本区域和一个保存按钮。如果存在任何内容，PHP+Mysql将以表单形式输出已经保存的工作。

如果第二个表单中的文本区域被编辑，并且"任务完成"按钮应该在按下保存按钮后出现，我想在第一个表单中使"任务完成》按钮不可用，但我不确定解决这个问题的最佳方法是什么。

我认为最好的解决方案是Jquery，但我不是专家。

使用CSS和Javascript操作的组合。

实时预览

HTML

<form action="" method="POST">
    <button id="btnTaskDone">Task Done</button>
</form>
<form action="" method="POST">
    <textarea name="task" cols="20" rows="5">...</textarea>    <br />
    <button id="btnSaveTask">Save</button>
</form>

CSS

#btnSaveTask {
    background: orange;
}
#btnTaskDone {
    background: blue;
    display: none; /* This part is the important part */
}

jQuery

$('#btnSaveTask').click( function(btn) {
   $('#btnTaskDone').show(); 
});