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");
        });
    
    
  • 相关阅读:
    C#
    数据库SQL Server
    JavaScript题目
    vscode: Visual Studio Code 常用快捷键
    jQuery教程
    JavaScript快速排序
    JS编程艺术
    JS
    linux 笔记
    积累的各种资源
  • 原文地址:https://www.cnblogs.com/samve/p/9960902.html
Copyright © 2011-2022 走看看