如何检查表单域是否被触摸并且空角度

Question

如果表单域被触摸并留空，我想警告用户。我可以检查是否用$pristine来触摸空白字段。但是，如果我从$scope预装表单数据，$pristine不起作用。另外，我不想使用required参数，我只想用ng-class注入警告风格。

<div ng-class="{'has-warning': !form.name.$pristine}"> 
    <input type="text" name="name" ng-model="people.name"> 
</div> 

Answer 1

您可以尝试使用ngFocus：

指定的焦点事件自定义行为。

https://docs.angularjs.org/api/ng/directive/ngFocus

<div ng-class="{'has-warning': !form.name.isValid}"> 
    <input type="text" name="name" ng-model="people.name" ng-focus="form.name.isValid = people.name ? true : false"> 
</div> 

Answer 2

有描述here上ngModel设置几个状态属性。你可能想要考虑使用form.name。$ dirty或form.name。$来代替。

编辑

尝试使用：

ng-class="{'has-warning': form.name.$touched && people.name.length === 0}" 

Answer 3

我会建议使用：

form.name.$touched && form.name.$invalid 

它应该工作