用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. xshell帮助

    查看内置命令 $help Internal Commands:new: Creates a new session.open: Opens a session or the session dialo ...

  2. 日志文件系统syslog,syslog-ng

    日志文件系统syslog,syslog-ng   余二五 2017-11-07 20:37:00 浏览127 评论0 日志 LOG 配置 主机 正则表达式 syslog 表达式 source file ...

  3. 一个基于JRTPLIB的轻量级RTSP客户端(myRTSPClient)——实现篇:(十)使用JRTPLIB传输RTP数据

    myRtspClient通过简单修改JRTPLIB的官方例程作为其RTP传输层实现.因为JRTPLIB使用的是CMAKE编译工具,这就是为什么编译myRtspClient时需要预装CMAKE. 该部分 ...

  4. Linux 中的 tar

    tar -c: 建立压缩档案-x:解压-t:查看内容-r:向压缩归档文件末尾追加文件-u:更新原压缩包中的文件 这五个是独立的命令,压缩解压都要用到其中一个,可以和别的命令连用但只能用其中一个.下面的 ...

  5. zip()

    zip() 函数用于将可迭代的对象作为参数,将对象中对应的元素打包成一个个元组,然后返回由这些元组组成的列表. 如果各个迭代器的元素个数不一致,则返回列表长度与最短的对象相同,利用 * 号操作符,可以 ...

  6. python-列表解析、字典解析、集合解析

    列表解析.字典解析.集合解析 列表解析 生成一个列表 nums = [1, 3, 9] list_gen = [num**2 for num in nums if x <= 5] # [1, 9 ...

  7. case insensitive in php

    date: 2017-07-27 PHP的命名空间是否区分大小写? 结论:不区分大小写,与类名一样(不区分大小写). 不区分大小写的包括 函数名 方法名 类名 控制语句(if, else, for, ...

  8. iOS UI基础-13.0 数据存储

    应用沙盒 每个iOS应用都有自己的应用沙盒(应用沙盒就是文件系统目录),与其他文件系统隔离.应用必须待在自己的沙盒里,其他应用不能访问该沙盒 应用沙盒的文件系统目录,如下图所示(假设应用的名称叫Lay ...

  9. Hadoopif.for.while 语句

    if 语句 echo 当前参数个数:$# if [ $# -lt 3 ];then echo 参数小于3;elif [ $# -gt 5 ];then echo 参数大于5;fi; To have b ...

  10. 32.js 判断当前页面是否被浏览

    可以通过document.hidden属性判断当前页面是否是激活状态. 兼容性:IE10+,Firefox10+,Chrome14+,Opera12.1+,Safari7.1+ 兼容性写法示例: va ...