Question

是否可以在表单提交上显示验证摘要，页面顶部的Div以及angularjs中的所有验证错误消息？

我来自.Net背景并且曾经有过验证摘要概念，我在angular中看到的所有示例都显示了控件旁边的错误消息。

我对angularjs很新，所以赞赏一个正确方向的示例或指针！

谢谢！

Answer 1

是的，您可以在每个输入字段上使用标记，这将根据该标志是真还是假来显示特定的错误消息。

例如：

 <div ng-controller="signupCtrl">
     <input type="text" id="username">
     <input type="text" id="password">
     <button ng-click="validate()">Sign-up</button>
 </div>

然后，validate函数将运行几个其他设置标志的函数。例如：

function signupCtrl($scope) {
    $scope.validate = function() {
         if( /* username is bad */ ) {
             $scope.usernameError = true;
         } else if ( /* password is bad */ ) {
             $scope.passwordError = true;
         } else {
             // AJAX call to submit sign-up, or whatever
         }
    }
}

您的错误消息如下所示：

<div class="error" ng-show="usernameError">Your username is bad</div>
<div class="error" ng-show="passwordError">Your password is bad</div>

或者，更好的是，您可以使用模型，只有一条错误消息：

<div class="error" ng-show="error">You {{field}} is bad</div>

但是第二个选项需要对代码进行一些不同的调整。

在Form Submit上显示AngularJS中的验证摘要

1 个答案: