使用角度驗證單擊提交按鈕時未顯示錯誤消息

Question

我正在進行角度形式驗證。 除了其余的驗證之外，我還希望如果我們在不觸摸任何字段的情況下提交表單，那么所有錯誤消息都應顯示在表單中。在這里，我在名稱字段中使用了以下代碼，因此，如果我們在不觸摸的情況下單擊提交按鈕名稱字段，則名稱字段中的錯誤應顯示為紅色邊框，但它不起作用-

     <div class="form-group" ng-class="{ 'has-error' : myForm.name.$invalid && (myForm.submitted  || myForm.name.$touched ) }">

    <label for="UserName" style="color:#767676" class="" ng-hide="myForm.name.$invalid && (myForm.submitted  || myForm.name.$touched )">Name</label>
                       <label class="error_message_text" ng-show="myForm.name.$invalid && (myForm.submitted  || myForm.name.$touched )">
                            Please enter the name
                        </label><br>
    <input type="text" name="name" class="form-control" ng-class="" ng-model="user.name" required/>

</div>

我在這里創建了一個小矮人-https://plnkr.co/edit/33EbFu7pQuZrVyiuwNGZ ? p = preview

誰能告訴我單擊提交按鈕后如何獲得帶有紅色邊框的驗證錯誤消息？

Answer 1

代替myForm.submitted使用myForm.$submitted

<div class="form-group" ng-class="{ 'has-error' : myForm.name.$invalid && (myForm.$submitted  || myForm.name.$touched ) }">
    <label for="UserName" style="color:#767676" class="" ng-hide="myForm.name.$invalid && (myForm.$submitted  || myForm.name.$touched )">Name</label>
    <label class="error_message_text" ng-show="myForm.name.$invalid && (myForm.$submitted  || myForm.name.$touched )">
        Please enter the name
    </label><br>
    <input type="text" name="name" class="form-control" ng-class="" ng-model="user.name" required/>
</div>