angularjs - 如何防止 AngularJS 第一次验证表单控件

标签 angularjs validation ng-pattern html5-validation

我的表单有一些输入控件,这些控件与 Controller 的范围数据绑定(bind)。根据用户选择,我通过使用 ng-model 输入控件来限制所选项目。

我正在使用 ng-maxlength 、minlength 、ng-pattern 和其他内置验证指令来验证这些输入。

用于突出显示无效值的类。

.ng-invalid { border-color:red;  }

但是当用户想要添加新产品时,我会创建一个空对象并将其添加到 Controller 的范围数据中。 第一次创建新项目时,我不想用红色突出显示所有内容,因为所有内容都是空的。

有什么方法可以让我在他们的焦点上突出显示无效输入,然后它将显示为无效,直到使用将一些有效值放入其中。

当使用选择任何现有数据时,我正在验证对该移动的控制。

谢谢

最佳答案

您可以使用表单的 $pristine 作为您的类(class)的条件。

关于angularjs - 如何防止 AngularJS 第一次验证表单控件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34972947/

相关文章:

javascript - 如何将对象转换成字符串

angularjs - 在 AngularJS 中使用 ng-pattern 验证电子邮件

javascript - 如何验证 ng-form 是否被触摸

html - 如何在输入 [type ="number"] 上使用模式?

reactjs - 文本字段的 React-hook-form 条件验证,基于是否选中另一个复选框?

angularjs - ng-pattern 只允许字母、数字、点、下划线和破折号

javascript - Angularjs正则表达式限制字符数问题

javascript - 只有一个点 "."正则表达式

javascript - 将 json 对象转换为数组以使用 Javascript 遍历 ng-repeat?

angularjs - 是否可以使用不同的占位符屏蔽输入?