用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验证表单后清除当次验证的方法的更多相关文章
-
jquery.validate和jquery.form配合实现验证表单后AJAX提交
基础代码其实很简单,之后一点一点扩充.最终代码写在最后. 表单: <form action="@Url.Action("AddColumns","Cont ...
-
jsp验证表单后再提交
在提交表单时,我们常常需要验证核实表单内容,若都不为空时,方能提交:若有文本框为空则不提交,并获取鼠标焦点到文本框上 ,所以我们可以利用onsubmit的方法来做,请看下面例子: <html&g ...
-
第一百八十六节,jQuery,验证表单插件,Ajax 表单插件,验证和提交表单
jQuery,验证表单插件,Ajax 表单插件,验证和提交表单 HTML <form id="reg" method="post" action=&quo ...
-
tp框架之自动验证表单
tp框架的create自动加载表单的方法可以自动根据自己定义的要求来验证表单里面的内容,但是由于是在后台执行代码,会拖慢程序运行速度,所以还是建议通过前端js来进行判断,后台只进行数据库的查询以及传值 ...
-
jquery.validate 使用--验证表单隐藏域
jQuery validate很不错的一个jQuery表单验证插件.升级到了1.9版的后,发现隐藏表单域验证全部失效,特别是在jquery.ui.tabs.min.js构造的Tabs里的验证. 是因为 ...
-
MVC4中 jquery validate 不用submit方式验证表单或单个元素
正确引入MVC4 jquery验证的相关文件 <script src="/Scripts/jquery-1.4.4.js"></script> <sc ...
-
开始使用HTML5和CSS3验证表单
使用HTML5和CSS3验证表单 客户端验证是网页客户端程序最常用的功能之一,我们之前使用了各种各样的js库来进行表单的验证.HTML5其实早已为我们提供了表单验证的功能.至于为啥没有流行起来估计是兼 ...
-
MVC中 jquery validate 不用submit方式验证表单或单个元素
<script src="/Scripts/jquery-1.4.4.js"></script> <script src="/Scripts ...
-
flask 在视图函数中验证表单
在视图函数中验证表单 因为现在的basic_form视图同时接受两种类型的请求:GET请求和POST请求.所以我们要根据请求方法的不同执行不同的代码.具体来说,首先是实例化表单,如果是GET请求,就渲 ...
随机推荐
-
把vim当做golang的IDE
开始决定丢弃鼠标,所以准备用vim了. 那么在vim里面如何搭建golang环境呢? git盛行之下,搭建vim环境是如此简单. 而且vim搭建好了之后,基本上跟IDE没有差别. 高亮.自动补全.自动 ...
-
清除oracle中的缓存(具体细节未知, 慎用)
oracle中的缓存主要是指SGA中的:1.share pool2.database buffer cache清空命令如下:首先要登录到sqlplus命令下,输入如下命令即可:SQL> alte ...
-
SVN中(trunk tags branches)的使用理解
trunk--主干(永远都是最新的,每发布一个版本会在tags和branches上进行分支) tags-标签(只读,用于存放发布后的文件冻结,以及对应发布后版本的源文件:可以是来自主干或者分支的发布: ...
-
Web QQ自动强制加好友代码
也许见过强行聊天的代码: tencent://Message/?Uin=574201314&websiteName=www.oicqzone.com&Menu=yes 但是你应该不知 ...
-
Vue公司项目实战步骤
一.无权限,无验证的Vue项目 1.打好HTML+CSS+JS基础,及<Vue 2.0 实战> 2.编写用mock设计的案例: 3.将以上案例的后台用C#改写: 二.带安全验证的Vue项目 ...
-
npm -S -D -g i 有什么区别
npm i module_name -S = > npm install module_name --save 写入到 dependencies 对象 //开发环境能使用,生产环境也能使用or ...
-
python-day81--Ajax
一.准备知识:json 1.什么是json? JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式.任何的语言之间都可以用json进行数据的交 ...
-
理解load averages
今天在客户的生产环境中遇到了网络丢包的问题,但是查看我方部署smokeping监控发现对同一条线路监控,我方监控显示正常,判断丢包是由客户服务器负载过高导致,原因及排查思路如下: 使用uptime ...
-
浅谈iOS内存管理机制
iOS内存管理机制的原理是引用计数,引用计数简单来说就是统计一块内存的所有权,当这块内存被创建出来的时候,它的引用计数从0增加到1,表示有一个对象或指针持有这块内存,拥有这块内存的所有权,如果这时候有 ...
-
基于stor2RRD 的 SAN、存储监控
一. 配置用法在官网都有的详见网页: http://www.stor2rrd.com/install.htm?1.2 二 . 在这里我只是想记录一下我是如何编译安装Apache的,避免踩坑: 安装包如 ...