如何实现多个按钮的角度验证

How to implement angular validation for multiple buttons

本文关键字:按钮 验证 何实现 实现      更新时间:2023-09-26

请查看我对柱塞的工作http://plnkr.co/edit/Jb43KPTXwF6zISS8PkaF?p=preview

这里有两个按钮保存和修改。当我使用save(type submit)按钮时,表单在调用函数之前进行验证。现在我想对modify(type button)按钮实现相同的验证。这样,当我点击它时,表单应该在调用修改函数之前进行验证。

或者如果你有其他的解决方案,我也会把它向前推进实施,但请记住,我需要在同一表单上验证多个按钮

您可以将scope.Modify()移动到指令中。我认为这样更符合语义。然后返回false,这样表单就不会提交并运行你想要的提交逻辑。

砰砰作响

                    scope.submit = function (event) {
                      submitController.setAttempted();
                      if (!scope.$$phase) scope.$apply();
                      if (!formController.$valid) return false;
                      scope.$apply(function() {
                          fn(scope, {$event:event});
                      });
                    }
                    formElement.bind('submit', scope.submit);
                    scope.Modify = function () {
                        // process scope.session
                        scope.submit();
                        alert('Modified!');
                        return false;
                    };