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");
});
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请求,就渲 ...
随机推荐
- 帝国cms如何调用指定id的文章到首页?
小美女用帝国cms建了一个站,现在首页调出指定id为12的文章作为推荐,附带文章摘要,她想用代码的形式直接掉用,以后方便修改.那么,帝国cms如何调用指定id的文章呢?指定信息id,不是调用指定栏目i ...
- Linux系统下我的/etc/sysconfig/路径下无iptables文件
转载于:https://blog.csdn.net/zzm8421/article/details/78083582 虚拟机新装了一个CentOs7,然后做防火墙配置的时候找不到iptables文件, ...
- 使用jaxb根据xsd逆向生成java代码
1.配置java环境变量,将java安装目录下bin文件夹下的xjc.exe配到classpath下 (一般有java环境变量就不用配置了) 2.进入xsd的文件夹下,cmd下执行 xjc -p 包路 ...
- vue.js 兄弟组件传值
另: 在vue里,组件之间的作用域是独立的,父组件跟子组件之间的通讯可以通过prop属性来传参,但是在兄弟组件之间通讯就比较麻烦了,虽然可以使用事件监听的方式,但还是不如vuex专业.比如A组件要告 ...
- 构造器初始化(static)
package demo; /* * 在类 的内部,变量定义的先后顺序决定了初始化的顺序.即使变量定义散布于方法定义之间, * 它们仍旧会在任何方法(包括构造器)被调用之前得到初始化. */ publ ...
- PHP 类名::class含义
自 PHP 5.5 起,关键词 class 也可用于类名的解析. 使用 ClassName::class 可以获取一个字符串,包含了类 ClassName 的完全限定名称.这对使用了命名空间的类尤其有 ...
- 15个Node.js项目列表
前言: Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台,是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascri ...
- RNN/LSTM/GRU/seq2seq公式推导
概括:RNN 适用于处理序列数据用于预测,但却受到短时记忆的制约.LSTM 和 GRU 采用门结构来克服短时记忆的影响.门结构可以调节流经序列链的信息流.LSTM 和 GRU 被广泛地应用到语音识别. ...
- svn加锁设置
SVN 的锁定与解锁 简单的说,如果压根没有锁lock,那么每个人都拥有一个本地copy,每个人都能自由地对本地copy编辑edit并提交commit,这样可能会导致冲突conflict,最后不得不合 ...
- android hook native函数
大概2年前写的代码,今天突然要用到,找了半天,这里记录下 用到的库: https://pan.baidu.com/s/1htuUQX2 #include <jni.h> #include ...