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

Posted 2020-09-17

<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>

本文出自 “紫枫5966” 博客，转载请与作者联系！