пустое поле формы по-прежнему отправляется при использовании проверки угловой формы

Question

Проверка правильности подсвечивается, но когда я нажимаю кнопку «Отправить», даже с пустым полем формы, форма все еще отображается (и значение ника не определено)

Я попробовал добавить novalidate к форме - но это не помогло.

<form class="nick" ng-submit="joinChat()"> 
     <input type="text" required name="nick" ng-model="nick" ng-minlength="2" ng-maxlength="10"> 
     <button>Join</button> 
    </form> 

Я пытаюсь следовать этому руководству здесь: http://www.ng-newsletter.com/posts/validations.html

joinChat() функция не делает никакой проверки. По моему мнению, это не обязательно при использовании проверки угловой формы.

$scope.joinChat = function(){ 
     socket.emit('chat:join', { nick: $scope.nick }); 
    }; 

Answer 1

Неверный ввод не мешает угловую форму представления, вместо того, чтобы попробовать это:

<form class="nick" novalidate ng-submit="joinChat()" name="myform"> 
    <input type="text" ng-required="true" name="nick" ng-model="nick" ng-minlength="2" ng-maxlength="10"> 
    <button ng-disabled="myform.$invalid">Join</button> 
</form> 

Fiddle