如何注入或自定义角度验证行为

Question

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方法或必须编写自定义指令的解决方案？感谢。

Answer 1

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

无论如何，您可以按照此示例自定义它：http://dailyjs.com/2013/06/06/angularjs-7/

别忘了＆＃34; novalidate＆＃34;在表单标记上（由于HTML5）并且如果您不希望禁用该按钮，则需要在执行该函数之前检查表单的有效性：

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

希望这有帮助