javascript - 防止在输入数据时发生 Angular 验证

我有一个带有电子邮件字段的表格。我想阻止用户提交，除非电子邮件地址存在且有效。但是，我只希望在跳出电子邮件字段或单击sumbit时出现这些错误。当用户输入电子邮件时，会出现我的“无效电子邮件”消息，并且在用户输入完有效电子邮件之前一直可见。如何防止这种行为？

        <div ng-show="emailMeForm.Email.$error.required" class="errorMessage">
            You must enter an email
        </div>

        <div ng-show="emailMeForm.Email.$error.email" class="errorMessage">
            Email address invalid
        </div>

        <form name="emailMeForm" novalidate="">
            Email Address
            <input ng-model="vm.emailAddress" type="email" name="Email" />
            <button ng-click="emailMeForm.$valid">Continue</button>
        </form>

最佳答案

必须足够：

ng-show="emailMeForm.Email.$touched && emailMeForm.Email.$error.required"