如何注入或自定义 Angular 验证行为答案

【问题标题】：How to inject or customize Angular validation behaviour如何注入或自定义 Angular 验证行为
【发布时间】：2013-10-24 09:30:00
【问题描述】：

AngularJS 支持一些输入验证指令：'required', 'min', ... 当输入在验证规则上失败时，例如'required'，输入将有一个显示红色边框的类名'ng-invalid-required'。

例如：

<input id="username" name="username" type="text" ng-model="userName" required data-hint="Please input your username" />

我想更改此默认行为以在输入为空时显示工具提示或提示“请输入您的用户名”。

是否有注入 Angular 方法或必须编写自定义指令的解决方案？谢谢。

【问题讨论】：

【解决方案1】：

您确定 Angular 关于验证的默认行为不是在字段下创建工具提示吗？或者您可能只想更改默认文本？

无论如何，你可以按照这个例子自定义它：http://dailyjs.com/2013/06/06/angularjs-7/

不要忘记表单标记上的“novalidate”（因为 HTML5），如果您不想禁用按钮，则需要在执行功能之前检查表单的有效性：

$scope.mySubmitFunction = function() {
    if (! $scope.myForm.$invalid) {
        ...
    }
};

希望对你有帮助

【讨论】：