ajax的重复提交问题,和bootstrapValidator校验冲突问题解决办法
2017-08-04 15:03
906 查看
1.提交表单的时候用按钮类型submit的时候,提交ajax会导致重复提交,解决办法是把按钮类型改为button。
2.将提交按钮类型改为button后,bootstrapValidator校验失效,提交前验证无响应,解决办法是在提交前触发校验
var form = $('#defaultForm');
$(document).ready(function () {
form.bootstrapValidator({
message: 'This value is not valid',
container: 'tooltip',
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
..........................
提交表单前
//进行表单验证
var bmz= form.data('bootstrapValidator');
bmz.validate();
if (bmz.isValid()) {
$.ajax({
cache: false,
type: "POST",
url: "Edit",
data: $('#defaultForm').serialize(),
.........................................
}
2.将提交按钮类型改为button后,bootstrapValidator校验失效,提交前验证无响应,解决办法是在提交前触发校验
var form = $('#defaultForm');
$(document).ready(function () {
form.bootstrapValidator({
message: 'This value is not valid',
container: 'tooltip',
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
..........................
提交表单前
//进行表单验证
var bmz= form.data('bootstrapValidator');
bmz.validate();
if (bmz.isValid()) {
$.ajax({
cache: false,
type: "POST",
url: "Edit",
data: $('#defaultForm').serialize(),
.........................................
}
相关文章推荐
- 关于bootstrapValidator 表单校验remote出现两次重复提交才能验证通过问题处理
- 注册登录过程点滴(三):解决MVC3中使用Ajax.BeginForm会重复提交数据的问题
- JSP刷新页面表单重复提交问题解决办法分享
- ajax提交,解决有时会重复提交问题
- JSP刷新页面表单重复提交问题解决办法分享
- JSP刷新页面表单重复提交问题解决办法分享
- ajax提交相同url,重复发送请求后台,页面无更新的问题解决
- 关于ajax的get提交中文乱码问题探究及解决办法
- bootstrap模态框通过传值解决重复提交问题
- ajaxsubmit自动重复提交问题 已解决
- JSP页面多次提交时(后台对表单有校验功能 )提示信息重复出现解决办法
- html页面局部加载所带来的事件重复绑定解决办法bootstrap+summernote遇到的问题
- 【问题解决】BootStrap.css与layDate日期选择样式起冲突的解决办法
- html+springMVC的拦截器token配置--解决ajax表单重复提交的问题
- 注册登录过程点滴(三):解决MVC3中使用Ajax.BeginForm会重复提交数据的问题 推荐
- bootstrapvalidator+bootstrap-select select无法校验问题解决方法
- jsp引入bootstrap、bootstrap-Validator后出现xxx is not a function的问题及解决办法!
- 注册登录过程点滴(三):解决MVC3中使用Ajax.BeginForm会重复提交数据的问题
- (原创)mvc中ajax.beginform重复提交的问题解决
- 关于bootstrapValidator提交问题的解决