Angular: невозможно избежать отправки формы при неудаче проверки

Я пытаюсь проверить следующую форму:

<div ng-controller="LoginController">
  <form name="form" class="ng-pristine ng-valid" accept-charset="UTF-8" action="/sessions/login?locale=" method="post" novalidate>
    {{ errorUsername }}
    <input id="username" name="username" type="text" placeholder="EMAIL ADDRESS" ng-model="username" required> 
    {{ errorPassword }}
    <input id="password" name="password" type="password" placeholder="PASSWORD" ng-model="password" required>
    <p><input name="commit" value="LOGIN" ng-click="submitForm()" type="submit"></p>
  </form>
</div>

В LoginController используется следующий метод:

$scope.submitForm = function() {
    var is_valid = true;
    if ( username.innerHTML == "" ) {
        $scope.errorUsername = "Email required";
        is_valid = false;
    };
    if ( password.innerHTML == "" ) {
        $scope.errorPassword = "Password required";
        is_valid = false;
    };
    if (! is_valid ) { $scope.form.submitted = true }
};

Представление формы входит в этот метод, и на секунду вы можете увидеть сообщения об ошибках. Но форма все еще подана.

Я должен добавить, что форма связана с контроллером рельсов. Но это не имеет значения, потому что мое намерение никогда не называть действие контроллера контроллера, если у формы есть ошибки.

Заранее спасибо.