如何在Angular中检查表单字段是否被触摸并清空

时间:2015-05-09 13:14:40

标签: javascript angularjs

我想警告用户是否触摸了表单字段并将其留空。我可以检查$scope是否触摸了空字段。但是,如果我从$pristine预加载表单数据,则required无法正常工作。另外,我不想使用ng-class参数,我只想用<div ng-class="{'has-warning': !form.name.$pristine}"> <input type="text" name="name" ng-model="people.name"> </div> 注入警告风格。

...&msg_type=SMS(&<property_name>=<property_value>)

3 个答案:

答案 0 :(得分:4)

在描述here的ngModel上设置了几个状态属性。您可能需要考虑使用form.name。$ dirty或form.name。$来代替。

<强> 修改

尝试使用:

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

答案 1 :(得分: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>

答案 2 :(得分:1)

我建议使用:

namespace BackendBundle\Entity;

它应该有用