按钮提交并验证表单，如果有效则运行一个函数

Question

我有一个表单，当我单击一个按钮时，它会验证表单。但如果表格有效，我希望它能切换我的手风琴。

为了验证我的表格，我有：

<a href="#" ng-click="submitted=true" class="btn mainbutton">

点击我

然后打开我的手风琴代码是：

纳克单击= “ctrl.toggle（）”

如果表单有效，我不知道如何将切换添加到我的Click me链接中。

欢迎任何帮助。

由于

Answer 1

点击时，您可以使用按钮调用的功能，这将相应地验证和扩展手风琴。

要实现这一点，按钮将是：

<a href="#" ng-click="validateAndSend()" class="btn mainbutton">Click me</a>

然后，您将在控制器中使用此功能：

$scope.validateAndSend = function() {
    if (formIsValid() == true) {
        ctrl.toggle();
    }
}

将formIsValid()替换为您的验证功能，它应该可以正常工作。