Предотвратить закрытие загрузочного модала, когда входные данные не заполнены

Question

Предотвратить закрытие загрузочного модала, когда входные данные не заполнены

0

У меня есть сетка учеников и кнопка. Когда пользователь нажимает на нее, отображается новый модальный. В модальном есть несколько входов и кнопка "сохранить". Когда пользователь нажимает кнопку "Сохранить с помощью углового", новый ученик добавляется, а модальный закрывается. Я хочу, чтобы модальный не закрывался, когда входные данные не заполнены. Как я могу это сделать? Другими словами, я хочу, чтобы кнопка сохранения не выполняла работу ng-click и data-reject = "modal".

sabadvali 05 сен. 2016, в 16:50

Источник

Теги:

angularjs

modal-dialog

bootstrap-modal

twitter-bootstrap-3

1 ответ

Ещё вопросы

Arif Ulusoy · Accepted Answer · 2016-09-05T13-05-00.000Z

Вы можете отключить кнопку, если входы не были проверены (обязательно, макс и т.д.) Следующим образом:

<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>