formValidation表单验证插件手动提交

师向文
2023-12-01

正常的它会根据状态禁用提交按钮的可点击状态,我们有时候想让按钮一直处于可以点击的状态怎么处理?如下方式即可

表单提交submit换成button

 <button type="button" class="btn btn-default" id="shoudong">发布</button>

注册一个点击事件

    $('#shoudong').on('click',function () {
        $res = $('.form').formValidation('validate');

    })

表单验证

    $(".form").formValidation({
        //配置语言
        locale: "zh_CN",
        //false:其它规则验证通过后再进行远程验证   true:输入后立马验证 ,放这里控制全体
        verbose: false,
        // live:true,
        // 失去焦点验证
        // trigger: "blur",
        //验证字段
        fields: {
            title: {
                validators: {
                    notEmpty: true,
                    stringLength: {
                        max: 100,
                    }
                }

            },
            type: {
                validators: {
                    notEmpty: true,
                }
            },
            publish_type: {
                validators: {
                    notEmpty: true,
                }
            }
        }
    }).on('success.form.fv', function (e) {
        // 阻止表单提交

      e.preventDefault();

      //这里可以执行ajax提交逻辑了






    });
 类似资料: