angularjs – 检查输入框是否为空

发布时间：2020-12-17 08:50:37 所属栏目：安全来源：网络整理

导读：如何检查给定的输入控件是否为空？我知道有$原始属性字段，告诉如果一个给定的字段是空的初始，但如果有人填写字段，并重新整理了所有内容？我认为上述功能是必要的，因为它告诉用户该字段是必需的。任何想法将不胜感激！ Quite simple： input ng-model="

如何检查给定的输入控件是否为空？我知道有$原始属性字段，告诉如果一个给定的字段是空的初始，但如果有人填写字段，并重新整理了所有内容？

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

任何想法将不胜感激！

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.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!