如果编辑textarea而未保存，则删除按钮

Question

我有两种形式。

第一个表单包含一个按钮，用于标记完成的任务并检索新任务。

第二种形式用于提交已翻译的内容或处理已保存的内容。 所以它包含一个textarea和一个保存按钮。 如果存在任何内容，PHP + Mysql将在表单中输出已保存的工作。

我想在第一个表单中使Task Done按钮不可用，如果编辑了第二个表单中的textarea并且在按下保存按钮后应该出现Task done按钮但是我不确定最好的方法是什么解决这个问题。

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

Answer 1

使用CSS和Javascript操作的组合。

Live preview

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(); 
});