ng-options去除空白行及表单验证

余生长醉 提交于 2020-07-28 06:13:10



<div class="form-group">
                        <label class="col-xs-2 control-label col-xs-offset-1" ><span class="red">*</span>证件号码</label>
                        <div class="col-xs-7">
                            <input class="form-control" type="text" value="" id="modifyEmployeeCartNum" name="modifyEmployeeCartNum" value="`CartNum`" ng-model="CartNum" ng-pattern="/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/" ng-minlength="18" ng-maxlength="18"  minlength="18" maxlength="18">
                            <span style="color:red;font-size=12px;font-family="微软雅黑";" ng-show="myForm4.modifyEmployeeCartNum.$dirty && myForm4.modifyEmployeeCartNum.$invalid && myForm4.modifyEmployeeCartNum.$error.maxlength">对不起,您输入的证件号码过长!</span>
                              <span style="color:red;font-size=12px;font-family="微软雅黑";" ng-show="myForm4.modifyEmployeeCartNum.$dirty && myForm4.modifyEmployeeCartNum.$invalid && myForm4.modifyEmployeeCartNum.$error.minlength">对不起,您输入的证件号码过短!</span>
                              <span style="color:red;font-size=12px;font-family="微软雅黑";" ng-show="myForm4.modifyEmployeeCartNum.$dirty && myForm4.modifyEmployeeCartNum.$invalid && myForm4.modifyEmployeeCartNum.$error.pattern">对不起,请输入正确证件号码!</span>
                        </div>
                    </div>








<div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消
                </button>
                <button type="button" ng-disabled="myForm4.$invalid" data-toggle="modal"  data-target="#modifyConsumer" class="btn btn-info modify" ng-click="modifyEmployee()">
                       确定
                </button>
            </div>





标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!