突出显示已修改的表单中的字段

时间:2017-02-28 20:41:23

标签: html angularjs

我想知道是否有人可以为我提供以下的一般准则或示例。我创建了一个包含多个输入框字段的表单。当用户输入内容时,该字段将其突出显示为橙色。当用户转到另一个字段时,突出显示消失,新框突出显示。当用户点击" save"按钮,表单被保存。当用户点击"修改"按钮,它允许他们更改字段中的值。但是,这次我希望突出显示的框保持在已更改的所有字段上突出显示(显然,未触摸的字段不会突出显示)。无论如何有人可以给我发一个教程或创建一个快速示例来演示这个吗?我使用Angular 1.5并使用Bootstrap创建一个简单的表单。 谢谢

1 个答案:

答案 0 :(得分:1)

您可以使用$touched属性来了解用户是否点击了该特定表单字段。

Ex:
custFrom.inputName.$touched

要知道实际值修改,请以相同的方式使用$dirty

Ex:
custFrom.inputName.$dirty

请找到工作plunker