当输入未填充时，防止引导模式关闭

【问题标题】：Prevent bootstrap modal from closing when inputs are not filled当输入未填充时，防止引导模式关闭
【发布时间】：2016-09-05 14:15:45
【问题描述】：

我有一个学生网格和一个按钮。当用户单击它时，会显示一个新模式。在模态中有一些输入和一个“保存”按钮。当用户通过 Angular 单击保存时，会添加新学生并关闭模式。我想防止模式在输入未填充时关闭。我怎样才能做到这一点？换句话说，我希望保存按钮不做 ng-click 和 data-dismiss="modal" 的工作。

【问题讨论】：

标签： angularjs twitter-bootstrap-3 modal-dialog bootstrap-modal

【解决方案1】：

如果输入未通过验证（必需、最大值等），您可以禁用按钮，如下所示：

<form role="form" name="formInTheModal" id="formInTheModal" class="form-horizontal">
     <div class="form-group">
         <label for="inpDummy" class="col-sm-4 control-label">Enter</label>
         <div class="col-sm-8">
             <input class="form-control" type="text" id="inpDummy"
                    ng-model="inpDummy" maxlength="50" required>
         </div>
     </div>
    <button type="button"  class="btn btn-primary" ng-click="doJob()"
        ng-disabled="formInTheModal.$invalid" > DO
    </button>
</form>

【讨论】：