AngularJS中的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

我需要对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.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;
            })
        }

    }