Question

我是Bootstrap和AngularJS的新手，所以我不知道如何解决以下问题。

我正在使用带有Angular和PHP文件的bootstrap和validation.js的HTML文件。

当用户单击提交按钮时，我需要使用Bootstrap验证来验证字段。如果验证为真，那么我需要调用JS文件。

问题在于，当用户按下提交按钮时，AgularJS onclick功能开始工作。它不会等待bootstrap验证完成。

请介绍一下如何做到这一点。

Answer 1

您可以阻止在提交按钮上使用ng-disabled属性提交活动，如下所示。

<form ng-click="yourAngularMethod()">
   <input type="text" ng-model="yourModel0" required>
   <input type="text" ng-model="yourModel1" required>
   <input type="text" ng-model="yourModel2" required>
   <input type="submit" value="Fire!" ng-disabled="yourCondition">
</form>

此外，您可以显示如下错误：

<div class="alert alert-danger" ng-show="errorState">
{{errorMessage}}
</div>

完成bootstrap验证后执行AngularJS函数

1 个答案: