angularjs – 检查输入框是否为空

前端之家收集整理的这篇文章主要介绍了angularjs – 检查输入框是否为空前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何检查给定的输入控件是否为空?我知道有$原始属性字段,告诉如果一个给定的字段是空的初始,但如果有人填写字段,并重新整理了所有内容

我认为上述功能是必要的,因为它告诉用户该字段是必需的。

任何想法将不胜感激!

Quite simple
<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”,如果这更自然地为你读。

一个更好的选择可能是真正利用form abilities of 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>

Updated Plnkr here.

猜你在找的Angularjs相关文章