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|\d\d|1\d\d|2[0-4]\d|25[0-5])(?:\.(\d|\d\d|1\d\d|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"); }); 

猜你喜欢

转载自www.cnblogs.com/samve/p/9960902.html
今日推荐