javascript - 如何使用 jQuery 显示文本框或表单已被编辑？

Question

我正在尝试创建一个简单的表单，该表单可以在编辑时更改颜色或以某种方式显示它已被编辑(无论如何)，而不是保存/提交 - 不是在更改期间，而是在更改之后。假设我有这个小表格，只是为了使其具体化:

<form action="" id="contact-form" class="form-horizontal">
  <fieldset>    
    <div class="control-group">
      <label class="control-label" for="message">Message</label>
        <div class="controls">
          <textarea class="input-xlarge" name="message" id="message" rows="3"></textarea>
        </div>
    </div>
    <div class="form-actions">
      <button type="submit" class="btn">Submit</button>
      <button type="reset" class="btn">Cancel</button>
    </div>
  </fieldset>
</form>

很抱歉，我没有任何起始 JS 可以展示，我不知道如何从头开始编写函数，也不知道在网上搜索什么来找到一些我可以调整的代码。

谢谢!

编辑:如果您已将内容放入框中，我希望指示更改，但如果您在进行多次更改后最终删除它，我希望指示消失，就好像您没有更改任何内容一样。我不希望它在页面刷新后继续工作(宁愿它回到原来的状态)。

Answer 1

检查此解决方案，看看这是否是您正在寻找的:

http://jsfiddle.net/TffNf/2/

$(function(){
    var oldval = $('#message').val();

    $('#message').keyup(function () { 

        $('.edit-msg').remove();
        if($('#message').val() != oldval)
        {
          $(this).after('<span class="edit-msg">This message is edited.</span>')
        }
    });
})

*