检查表单是针对某些输入修改的

时间:2015-05-13 13:02:11

标签: angularjs

我有一个带有一些tab的表单。每个选项卡都有一些控件,这些控件使用angularjs绑定并且有ng-model。我想检查用户是否在提交期间输入或修改了特定选项卡中的任何数据。

myForm.$dirty将检查用户是否与表单进行了互动。但我需要检查控件是否填充在特定选项卡中并给出一些适当的消息。因此,我可以检查每个控件的angularjs watch或ng-dirty,并验证用户是否已修改数据。有没有其他好的解决方案?

1 个答案:

答案 0 :(得分:2)

在angularjs中,当使用 ng-dirty ng-touching 等表单和类时,您可以进行非常不同的验证。

这样你可以检查确定的控制是否已被修改。

    ng-dirty: the control has been interacted with

    ng-touched: the control has been blurred

您也可以检查有效性或其他类似的事情。

你的所有文档都在:

https://docs.angularjs.org/guide/forms

无论如何,您还可以使用FormController

进行检查

https://docs.angularjs.org/api/ng/type/form.FormController

然后显示带有自举角度指令的消息(参见模态)

https://angular-ui.github.io/bootstrap/

正如您所说,您有不同的控件,您需要根据控件和用户输入显示不同的消息。然后我认为你必须编写它的方式是通过寻找ng-dirty或ng-touching

你有一个关于如何使用它的例子: http://www.w3schools.com/angular/angular_validation.asp

希望它可以帮助!!