如何验证ng-repeat

时间:2015-07-02 15:05:29

标签: javascript angularjs validation angularjs-ng-repeat ng-repeat

我想验证输入字段,我希望能够检查当前输入是否大于先前的输入。

这就是我的意思

        <div class="col-xs-10" ng-repeat="period in trim.rent_period" >
                                    <div class="col-xs-6">
                                        <div class="form-group">
                                            <label class="col-xs-5 control-label" for="rentperiod">Rental Period
                                                <span class="colon--label">:</span>
                                            </label>
                                            <div class="col-xs-6">
                                                <input id="rentperiod" name="rentperiod" type="text" class="form-control" ng-model="rent.period" ng-change="checkRentPeriod($index);" required>                                            
                                            </div>
                                        </div>
                                    </div>
    </div>

<div class="col-xs-2">
                                <i class="pull-left fa fa-plus-circle add-rent--icon" ng-click="addRent(currentIndex);"></i>
                            </div> 

这里的添加按钮将一个输入添加到列表中,我想确保当前输入大于先前的输入。

2 个答案:

答案 0 :(得分:1)

尝试使用表单标记包装代码。如果一切正常,请检查表单的验证。您可以按照此指南在此处解决您的问题

https://docs.angularjs.org/guide/forms

答案 1 :(得分:0)

更改你的ng-model =&#34; rent.period&#34;纠正,从&#34;期间&#34;开始,像ng-model =&#34; period.rent&#34;

无需额外的方法ng-change =&#34; checkRentPeriod($ index);&#34;

输入后添加简单的块:

<html>