用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");
});

bootstrapValidator验证表单后清除当次验证的方法的更多相关文章

  1. jquery.validate和jquery.form配合实现验证表单后AJAX提交

    基础代码其实很简单,之后一点一点扩充.最终代码写在最后. 表单: <form action="@Url.Action("AddColumns","Cont ...

  2. jsp验证表单后再提交

    在提交表单时,我们常常需要验证核实表单内容,若都不为空时,方能提交:若有文本框为空则不提交,并获取鼠标焦点到文本框上 ,所以我们可以利用onsubmit的方法来做,请看下面例子: <html&g ...

  3. 第一百八十六节,jQuery,验证表单插件,Ajax 表单插件,验证和提交表单

    jQuery,验证表单插件,Ajax 表单插件,验证和提交表单 HTML <form id="reg" method="post" action=&quo ...

  4. tp框架之自动验证表单

    tp框架的create自动加载表单的方法可以自动根据自己定义的要求来验证表单里面的内容,但是由于是在后台执行代码,会拖慢程序运行速度,所以还是建议通过前端js来进行判断,后台只进行数据库的查询以及传值 ...

  5. jquery.validate 使用--验证表单隐藏域

    jQuery validate很不错的一个jQuery表单验证插件.升级到了1.9版的后,发现隐藏表单域验证全部失效,特别是在jquery.ui.tabs.min.js构造的Tabs里的验证. 是因为 ...

  6. MVC4中 jquery validate 不用submit方式验证表单或单个元素

    正确引入MVC4 jquery验证的相关文件 <script src="/Scripts/jquery-1.4.4.js"></script> <sc ...

  7. 开始使用HTML5和CSS3验证表单

    使用HTML5和CSS3验证表单 客户端验证是网页客户端程序最常用的功能之一,我们之前使用了各种各样的js库来进行表单的验证.HTML5其实早已为我们提供了表单验证的功能.至于为啥没有流行起来估计是兼 ...

  8. MVC中 jquery validate 不用submit方式验证表单或单个元素

    <script src="/Scripts/jquery-1.4.4.js"></script> <script src="/Scripts ...

  9. flask 在视图函数中验证表单

    在视图函数中验证表单 因为现在的basic_form视图同时接受两种类型的请求:GET请求和POST请求.所以我们要根据请求方法的不同执行不同的代码.具体来说,首先是实例化表单,如果是GET请求,就渲 ...

随机推荐

  1. Linux dmidecode 命令

    当我们需要获取机器硬件信息时,可使用linux系统自带的dmidecode工具进行查询. dmidecode 用于获取服务器的硬件信息,通常是在不打开计算机机箱的情况下使用该命令来查找硬件详细信息 这 ...

  2. 帝国cms如何调用指定id的文章到首页?

    小美女用帝国cms建了一个站,现在首页调出指定id为12的文章作为推荐,附带文章摘要,她想用代码的形式直接掉用,以后方便修改.那么,帝国cms如何调用指定id的文章呢?指定信息id,不是调用指定栏目i ...

  3. MySQL数据库的权限问题操作及基本增删改查操作

    前面我们讲了mysql的基本内容,现在我们详细的了解一下mysql中的具体操作. what's the SQl SQL(Structured Query Language 即结构化查询语言) SQL语 ...

  4. Linux软件包的安装(rpm+yum)

    概述: 1.rpm软件包管理命令软件包的获取a.光盘镜像中有很多软件包可以使用:先挂载光盘,再查看软件包b.从软件的官网获取 .rpm 安装rpm包 ipm -ivh 软件包名称删除rpm包 ipm ...

  5. abap特性

    1:实例成员是属于某一个对象的,静态成员属于整个类. 2:abap类中,可以定义三种不同类型的成员,分布是属性(如data),方法(method),事件(event). 3: abap中定义静态属性的 ...

  6. Redis cluster集群:原理及搭建

    Redis cluster集群:原理及搭建 2018年03月19日 16:00:55 阅读数:6120 1.为什么使用redis? redis是一种典型的no-sql 即非关系数据库 像python的 ...

  7. LightGBM调参总结

    1. 参数速查 使用num_leaves,因为LightGBM使用的是leaf-wise的算法,因此在调节树的复杂程度时,使用的是num_leaves而不是max_depth. 大致换算关系:num_ ...

  8. Reveal使用

    本人手机是7.1的,reveal2.0以后不支持8.0以下,没办法,这里只能使用reveal1.6. 这里提醒一下,reveal2.0以后libReavel.lib改名了,. https://reve ...

  9. 用python.twisted.logfile每天记录日志,并用不记录stdout中的内容

    #导入的头 from twisted.python import logfrom twisted.python.logfile import * #开始记录,输入日志名和存放的路径,setStdout ...

  10. SQL Server之获取下周一的日期

    今天项目中需要得到下周一的日期,故想到了一种解决办法,用slq语句解决了.当然实现方法肯定不只有这一种. -(select DATEPART(weekday,getdate())) /*下周一差几天 ...