ajax的重复提交问题,和bootstrapValidator校验冲突问题解决办法

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(),

.........................................

}

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值