Angularjs ng-repeat 中对元素的validate处理错误问题


在Angularjs ng-repeat 中对元素的validate 提示最后都有不友好的地方,比如明明提示一个元素require不通过,但是所有元素都提示数据错误!


以下是解决方案:

1、申明ng-form属性

2、自行定义required pattern等校验错误span提示框内容



                <div data-ng-repeat="firmware in detail.firmware_list" class="ng-scope" ng-form="repeatForm" >
                        <div class="form-group">
                            <label class="col-sm-1 control-label">版本号<span style="color: red"> * </span></label>
                            <div class="col-md-3">
                                <input type="text" class="form-control ng-pristine ng-invalid ng-invalid-required" id="inputKey{{$index}}" ng-model="firmware.build_version" name="build_version"  placeholder="请填写版本号" required="" ng-pattern="/^[0-2].[0-9].[0-9]\-[R,D]\-[0-9]{8}.[0-9]{4}$/" data-ng-disabled="riskReadonly">


                                <span style="color: #a94442;font-weight: 700" class="control-label has-error validationMessage" ng-show="repeatForm.build_version.$error.required">
                                    这里不能为空哦!
                                </span>
                                <span style="color: #a94442;font-weight: 700" class="control-label has-error validationMessage" ng-show="repeatForm.build_version.$error.pattern">
                                    格式不对!
                                </span>
                            </div>


运行代码可以参考:


http://jsfiddle.net/shuzui1985/qrs7qusb/2/

    

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值