Bootstrap Модальная валидация, отображаемая при увольнении

Question

У меня есть вид формы в AngularJS, и я использую модальный метод Angular-ui для отображения моей формы. Функциональность мудрая, все работает отлично, однако, когда я отклоняю форму, всплывающие окна проверки отображаются, если форма недействительна.

Это то, что он выглядит следующим образом:

Всплывающие не показывает вообще, когда форма открыта, но только тогда, когда я нажимаю отменить, и она начинает угасает.

HMTL:

<form name='newGroupForm'> 
    <div class="modal-body"> 
      <label for="groupName">Group Name: 
       <input id="groupName" type="text" ng-model='newGroup.name' required> 
      </label> 
      <br/> 
      <label for="groupDesc">Group Description: 
       <input id="groupDesc" type="text" ng-model='newGroup.desc'> 
      </label> 
      <br/> 
      <label for="groupOwner">Group Name: 
       <select id="groupOwner" type="text" ></select> 
      </label> 
    </div> 
    <div class="modal-footer"> 
     <button class="btn btn-warning" ng-click="cancel()">Cancel</button> 
     <button class="btn btn-primary" type="button" ng-click="submit()" ng-disabled="newGroupForm.$invalid">Create</button> 
    </div> 
</form> 

модальный контроллер:

spApp.controller('newGroupCtrl', 
    function newGroupCtrl($scope, $modalInstance, groupService){ 
     $scope.newGroup = { 
      name:null, 
      desc: null 
     }; 

     $scope.submit = function(){ 
      $modalInstance.close($scope.newGroup); 
     } 
     $scope.cancel = function(){ 
      $modalInstance.dismiss('Cancelled group creation'); 
     }; 
    } 
); 

Answer 1

Добавьте NOVALIDATE атрибут в форму, чтобы отключить браузеры, встроенные в проверке:

<form name="myForm" novalidate >