验证ng-repeat

时间:2019-02-08 06:36:30

标签: angularjs

我看过这样的例子,但没有一个能解决我的问题。 我有一个批量输入表格。因此,名称来自后端,并通过使用“ ng-repeat”以表的形式进行绑定。在这里,我们为一个字段条目创建文本框。现在我的问题是这是支票号码,因此任何人都不能重复。因此,如果要在当前屏幕上重复填写此支票号码,我想验证用户身份。

HTML:

<tr id="ItemRow{{$index}}" data-ng-repeat="product in ProductList | filter: filterTxn">
<td>{{$index +1}}</td>
<td>
    <label runat="server" for="lblName{{$index}}">{{product.Name}}</label>
</td>
 . .
<td>
    <div data-ng-hide="viewField">{{product.Chqno}}</div>
    <div data-ng-show="viewField">
        <input id="lblcheque{{$index}}" type="text" data-ng-model="product.Chqno" data-ng-change="notifyChange($index, 'lblcheque')" data-ng-maxlength="10" number-mask />
    </div>
</td>
. .

JS代码:

 $scope.notifyChange = function (inde, iid) {
var sorted, i, isDuplicate;
        sorted = $scope.ProductList.concat().sort(function (a, b) {
            if (a.Chqno > b.Chqno ) return 1;
            if (a.Chqno < b.Chqno ) return -1;
            return 0;
        });
        for(i = 0; i < $scope.ProductList.length; i++) {
           isDuplicate = ((sorted[i-1] && sorted[i-1].Chqno == 
sorted[i].Chqno) || (sorted[i+1] && sorted[i+1].Chqno == sorted[i].Chqno));
            ...
        }
};

如果条目重复,我希望验证用户是否填写此文本框。

0 个答案:

没有答案