viv*_*vek 52 angularjs angular-ui
如何检查给定的输入控件是否为空？我知道$pristine场上有一些属性告诉我,如果一个给定的字段最初是空的,但是如果有人填充该字段并再次拉出整个内容呢？
我认为上述功能是必要的,因为它对于告诉用户需要字段非常重要.
任何想法将不胜感激!
Sup*_*upr 86
很简单:
<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 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>
Ima*_*ghi 13
即使你不需要测量弦的长度.一个 !操作员可以为您解决一切问题.永远记住:!(空字符串)= true!(某些字符串)= false
所以你可以写:
<input ng-model="somefield">
<span ng-show="!somefield">Sorry, the field is empty!</span>
<span ng-hide="!somefield">Thanks. Successfully validated!</span>
另一种方法是使用正则表达式,如下所示,您可以使用空的正则表达式模式并使用ng-pattern实现相同
HTML:
<body ng-app="app" ng-controller="formController">
<form name="myform">
<input name="myfield" ng-model="somefield" ng-minlength="5" ng-pattern="mypattern" required>
<span ng-show="myform.myfield.$error.pattern">Please enter!</span>
<span ng-show="!myform.myfield.$error.pattern">great!</span>
</form>
控制器:@formController:
var App = angular.module('app', []);
App.controller('formController', function ($scope) {
$scope.mypattern = /^\s*$/g;
});
| 归档时间： |
|
| 查看次数： |
151990 次 |
| 最近记录： |