angularjs - 如何注入或自定义 Angular 验证行为

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/

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

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

希望这可以帮助