Question

我正在使用angularJS指令，我想查找每个输入是否有任何错误，例如：required或pattern不正确。

HTML：

<form validation name="loginForm" ng-submit="form(this)">
     <label> example 1
          <input type="text" name="firstname" ng-model="user.firstname" ng-model-options="{ updateOn: 'mousedown blur'}" required
                   ng-pattern="validationPatterns.firstname">
     </label>

     <label> example 2
            <input type="text" name="lastname" ng-model="user.lastname" ng-model-options="{ updateOn: 'mousedown blur'}" required
                   ng-pattern="validationPatterns.lastname">
     </label>

     <button class="btn" type="submit">Continue</button>
</form>

指令：输出每个输入名称的名称（名字和姓氏，它包括所有对象，如$ required，$ errors，$ invalid等...）

element.find('button').on('click', function () {
    var input = element.find('input');

    angular.forEach(input, function (inputs) {
        var inputName = $(inputs).attr('name');
        console.log(scope.loginForm[inputName]);
    });
});

现在我如何检查每个元素输入，例如：

如果输入[name]。$ error.required === true，则显示错误消息。我想在指令上检查这个而不是HTML

Answer 1

您可以这样做：

<div class="input-group">
        <label for="firstname">Firstname</label> <input name="firstname" type="text"
            class="form-control input-sm" ng-model="user.firstname" required />
        <span
            ng-show="loginForm.firstname.$error.required && loginForm.firstname.$dirty">Required!
        </span>
</div>

希望这有帮助！

如何使用简单的html表单和指令查找$ invalid或$ error.required，$ error.pattern？

1 个答案: