javascript - Angular、マテリアルフォームは、送信試行後にフィールドが必要であるとのみ言う

Question

angular-material を使用してアプリのログイン フォームを作成しており、ページの例とは少し異なる方法で使用しようとしています。ユーザーがフィールドに入力せずに送信しようとした場合にのみ、必須フィールドが私に怒鳴るようにしたいだけです。多分ボタンも無効にしますか？いずれにせよ、ユーザーが 1 つのフィールドだけに入力して Enter キーを押すと、「これは必須です」と表示されます。今のところ、記入するまで常に表示されます

これが私が持っているものです: https://jsfiddle.net/5b1tsm2a/6/

サンプルページのコードを次のように試しています-

  <form ng-submit="authenticate()" name="loginForm">
        <md-input-container>
            <label>Username</label>
            <input name="name" reauired ng-model="loginInfo.username">
            <div ng-messages="projectForm.description.$error">
                <div ng-message="required">This is required.</div>
            </div>
        </md-input-container>

        <md-input-container>
            <label>Password</label>
            <input name="password" reauired type="password" ng-model="loginInfo.password">
            <div ng-messages="projectForm.description.$error">
                <div ng-message="required">This is required.</div>
            </div>
        </md-input-container>

        <md-button ng-click="authenticate()" class="md-primary btn btn-primary">Login</md-button>
    </form>

そのため、必要なロジックとその下の ng-messages を使用しています。何も記入せずに送信しようとした場合にのみ表示したいと思います。ありがとう！