Что делать, если я хочу проверить входное значение при перемещении с помощью клавиши табуляции?

Question

Если вы попытаетесь запустить this source и перейдите на следующую вкладку с помощью клавиши табуляции, она не отобразит требуемое подтверждение. Как я могу проверить, включая этот случай?

Код для подтверждения выглядит следующим образом.

<p>Username:<br> 
<input type="text" name="user" ng-model="user" required> 
<span style="color:red" ng-show="myForm.user.$dirty && myForm.user.$invalid"> 
<span ng-show="myForm.user.$error.required">Username is required.</span> 
</span> 
</p> 

Answer 1

Посмотрите на $pristine и $touched состояний формы. Вы могли бы сделать что-то вроде этого:

<span style="color:red" ng-show="myForm.user.$touched || (myForm.user.$dirty && myForm.user.$invalid)"> 

Вот обновленный plnkr: http://plnkr.co/edit/wTSKGJ0FUx3TVCMYA7R9?p=preview

Смотрите также этот вопрос: Angular - difference between pristine/dirty and touched/untouched

Answer 2

ng-model-options угловым 1.3+, который будет обновлять ng-model на blur что получит загрязненной на blur

<input type="text" name="user" 
     ng-model="user" 
     ng-model-options="{ updateOn: 'blur' }"