一尘不染

检查输入框是否为空

angularjs

如何检查给定的输入控件是否为空?我知道$pristine该字段上有一个属性,该属性告诉您给定的字段最初是否为空,但是如果有人填充该字段并再次提取整个内容该怎么办?

我认为上述功能是必要的,因为它对告知用户该字段必不可少。

任何想法将不胜感激!


阅读 238

收藏
2020-07-04

共1个答案

一尘不染

很简单

<input ng-model="somefield">
<span ng-show="!somefield.length">Please enter something!</span>
<span ng-show="somefield.length">Good boy!</span>

您也可以使用ng-hide="somefield.length"代替,ng-show="!somefield.length"如果这对您来说更自然。


更好的替代方法可能是真正利用Angular形式能力

<form name="myform">
  <input name="myfield" ng-model="somefield" ng-minlength="5" required>
  <span ng-show="myform.myfield.$error.required">Please enter something!</span>
  <span ng-show="!myform.myfield.$error.required">Good boy!</span>
</form>

在此处更新了Plnkr。

2020-07-04