AngularJS中的ng列表长度验证
我需要对ng列表进行验证,这意味着应该限制用户输入三个以上的数组列表,如AngularJS中的ng列表长度验证,angularjs,angular-nglist,Angularjs,Angular Nglist,我需要对ng列表进行验证,这意味着应该限制用户输入三个以上的数组列表,如['121'、'565'、'435'],如果用户尝试输入['121'、'565'、'435'、'787']则应该给出错误,如只能输入3个vin 此外,如果用户像上面那样输入['**1214**'、'565'、'435'],则应表明只允许输入3位数字 这是我的输入字段: <input type="text" name="vin" id="vin" class="form-control" ng-model="vm.u
['121'、'565'、'435']
,如果用户尝试输入['121'、'565'、'435'、'787']
则应该给出错误,如只能输入3个vin
此外,如果用户像上面那样输入['**1214**'、'565'、'435']
,则应表明只允许输入3位数字
这是我的输入字段:
<input type="text" name="vin" id="vin" class="form-control"
ng-model="vm.user.vin" ng-list required max-length="3"/>
我是AngularJS的新手。我不知道ng列表的默认验证属性,但您可以像这样自定义验证
<input type="text" name="vin" id="vin" class="form-control"
ng-model="vm.user.vin" ng-list required max="3" ng-change="isBigEnough(vm.user.vin)" />
<span ng-show="vm.user.vin.length > 3">array length should below than three</span>
<span ng-show="IsElementLength">element length should below than three</span>
结果
- ['121'、'565'、'435']-无错误消息
- ['1211'、'565'、'435']-元素长度应小于3
- ['121'、'565'、'435'、'543']-数组长度应小于3
- ['1211'、'565'、'435'、'543']-数组长度应小于3,元素长度应小于3
我已经把代码带上了,但我没有在plunker上测试它 哦。。很紧急吗?好吧,让我把手头的一切都清理干净,为你写代码。先向我们展示一下你得到了什么。我投票结束这个问题,因为用户要求为其编写代码him@sirrocco ... 酷。他给了我们足够的细节。另外,
我是angular js的新手,这就是为什么他要求从SO写代码的原因。:)。。。在这里,我得到了minlength和maxlenth的验证。。意味着如果在输入框中输入1212,erere,erere,erere,erer,它将给出maxlength Excelled错误。。同样的方法,同样的长度。。我需要将1212限制为121..如果我提交表单,即使有错误IsElementLength,它也会打到服务器上,我无法在此处执行此操作
$scope.isBigEnough = function (values) {
if (values != undefined) {
values.every(function (element, index, array) {
if (element.length > 3) {
$scope.IsElementLength = true;
return false;
}
$scope.IsElementLength = false;
return true;
})
}
}