BootstrapValidator 表单提交不起作用

Posted 2023-02-22

技术标签:

【中文标题】BootstrapValidator 表单提交不起作用【英文标题】：BootstrapValidator form submit not working 【发布时间】：2014-07-08 13:45:53 【问题描述】：

我有一个带有 2 个按钮的表单。一个按钮以 ajax 格式提交表单，另一个按钮以正常方式提交表单。

$('#form_createAd').bootstrapValidator(
    submitHandler: function(validator, form, submitButton) 
        if (submitButton.attr('value') == "cart")
            submit_cartDetails(); //This function submits details thru ajax post
         else 
            form.submit(); // Also Tried $('#form_createAd').submit()
        
    , fields: 
        title: 
            message: 'The username is not valid',
            validators: 
                notEmpty: 
                    message: 'The username is required and can\'t be empty'
                ,
                stringLength: 
                    min: 6,
                    max: 30,
                    message: 'The username must be more than 6 and less than 30 characters long'
                ,
                regexp: 
                    regexp: /^[a-zA-Z0-9_\.]+$/,
                    message: 'The username can only consist of alphabetical, number, dot and underscore'
                
            
        
    
);

这是表单部分中按钮的 html 部分

<button  id="cart" value="cart" class="btn btn-primary" >Add To Cart</button>             
<button type="submit" name="submit" value="proceed" class="btn btn-success">Proceed</button>

表单未提交。我做错了什么？

【问题讨论】：

在标记您的问题时请多加注意。 jquery-validate 插件与 Bootstrap Validator 插件不同。我也遇到了同样的问题。使用 BootstrapValidator 0.5.1 【参考方案1】：

这可能是一些事情：

form id 匹配 html 和 js submitHandler 真的有效吗？库是否已加载？

这只是我的想法。 fiddle 可能会有所帮助。

【讨论】：

【参考方案2】：

我是 BootstrapValidator 插件的创建者。

问题是由使用submit 命名提交按钮引起的。将name="submit" 更改为其他内容将解决此问题。

Getting Started Warning

【讨论】：