zoukankan      html  css  js  c++  java
  • bootstrapValidator验证表单后清除当次验证的方法

     用bootstrapValidator的resetForm()方法:

    <!-- // create server begin -->
    <div class="modal fade" id="server-create-server-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    	<div class="modal-dialog modal-create">
    		<div class="modal-content">
    					<div class="modal-header">
    						<button type="button" class="close" data-dismiss="modal" aria-hidden="true" onclick="clearValidate('server-create-server-modal-form')">
    							×
    						</button>
    						<h4 id="headDeptLable" class="modal-title">创建存储服务器 </h4>
    					</div>
    					<form id="server-create-server-modal-form" method="post" class="form-horizontal" action="">
    					<div class="modal-body">		
    						<!-- // modal-body begin -->
    						 
                            <div class="form-group">
                                <label class="col-lg-4 col-md-4 col-sm-4 control-label font-normal align-right">名称:</label>
                                <div class="col-lg-5 col-md-5 col-sm-5">
                                    <input type="text" class="form-control" id="server-create-server-modal-name" name="serverCreateServerModalName" placeholder="" />
                                </div>
                            </div>
                            
                            <div class="form-group">
                                <label class="col-lg-4 col-md-4 col-sm-4 control-label font-normal align-right">类型:</label>
                                <div class="col-lg-5 col-md-5 col-sm-5">
                                        <select id="server-create-server-modal-type" name="serverCreateServerModalType" class="form-control">
                                        	<option value="">请选择</option>
                                            <option value="AU">存储密码机</option>
                                            <option value="CA">服务器二</option>
                                            <option value="FR">服务器三</option>
                                            <option value="DE">服务器四</option>
                                            <option value="IT">服务器五</option>
                                            <option value="JP">服务器六</option>
                                            <option value="GB">服务器七</option>
                                            <option value="US">服务器八</option>
                                            <option value="VN">服务器九</option>
                                        </select>
                                </div>
                            </div>
                            
                            <div class="form-group">
                                <label class="col-lg-4 col-md-4 col-sm-4 control-label font-normal align-right">IP:</label>
                                <div class="col-lg-5 col-md-5 col-sm-5">
                                    <input type="text" class="form-control" id="server-create-server-modal-ip" name="serverCreateServerModalIp" />
                                </div>
                            </div>
                            
    						<!-- // modal-body end -->
    					</div>
    					<div class="modal-footer">
    						<button class="btn btn-success"  id="server-create-server-modal-submit" type="submit">
    							确 定
    						</button>
    						<button class="btn btn-default" type="button" data-dismiss="modal" onclick="clearValidate('server-create-server-modal-form')">
    							取 消
    						</button>
    					</div>
    			</form>
    		</div><!-- /Modal -->
    	</div>
    </div><!-- // create server end -->
    
        $('#server-create-server-modal-form')
        .bootstrapValidator({
            message: 'This value is not valid',
            feedbackIcons: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
            fields: {
            	serverCreateServerModalName: {
                    message: '名称无效',
                    validators: {
                        notEmpty: {
                            message: '名称不能为空'
                        },
                        stringLength: {
                            min: 1,
                            max: 30,
                            message: '名称只能为1至30个字符'
                        },
    	                regexp: {
    	                  	regexp: /^[a-zA-Z0-9_.]+$/,
    	                  	message: '名称只能为数字字母下划线'
                  		}
                    }
                },
                serverCreateServerModalType: {
                    message: '类型无效',
                    validators: {
                        notEmpty: {
                            message: '类型不能为空'
                        }
                    }
                },
                serverCreateServerModalIp: {
                    message: 'IP码无效',
                    validators: {
                        notEmpty: {
                            message: 'IP不能为空'
                        },
                        regexp: {
                            regexp: /^(d|dd|1dd|2[0-4]d|25[0-5])(?:.(d|dd|1dd|2[0-4]d|25[0-5])){3}$/g,
                            message: '请输入正确的IP'
                        }
                    }
                }
            }
        })
        .on('success.form.bv', function(e) {
        	e.preventDefault();//取消submit默认提交效果
        	$("#server-create-server-modal-form")[0].reset();//重置表单,此处用jquery获取Dom节点时一定要加[0]
        	$("#server-create-server-modal-form").data('bootstrapValidator').resetForm();//清除当前验证的关键之处
        	$("#server-create-server-modal").modal("hide");
    		toastr.success("创建服务器成功", "成功提示");
    		$serverTable.bootstrapTable("refresh");
        });
    
    
  • 相关阅读:
    ubuntu远程windows桌面
    spring boot 给返回值加状态 BaseData
    spring boot 拦截异常 统一处理
    IntelliJ IDEA spring boot 远程Ddbug调试
    IntelliJ IDEA 常用插件
    spring boot 请求地址带有.json 兼容处理
    spring boot 接口返回值去掉为null的字段
    spring boot 集成disconf
    Spring boot 自定义拦截器
    Linux下安装MySQL
  • 原文地址:https://www.cnblogs.com/samve/p/9960902.html
Copyright © 2011-2022 走看看