您的位置:首页 > Web前端 > BootStrap

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

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

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐