javascript - 'success.form.fv' 事件未引发

Question

我负责表单的验证。我使用 BootstrapValidator v0.4.5 库。我想触发“success.form.fv”事件来发送表单数据。

有人可以帮我修复这段代码以进入处理程序并查看警报吗？

这是表单定义:

   <form id="b_form" method="post" action="">
        <fieldset>
            <legend>Wartość budżetu</legend>
            <div class="form-group">
                <label class="col-md-4 control-label">Ilość (B):</label>
                <div class="col-md-6 inputGroupContainer">
                    <div class="input-group">
                        <input name="quantity" type="text" class="form-control" id="quantity" readonly />
                    </div>
                </div>
            </div>

            <div class="form-group">
                <label class="col-md-4 control-label">Warość budżetu (A):</label>
                <div class="col-md-6 inputGroupContainer">
                    <div class="input-group">
                        <input name="budgetvalue" type="text" class="form-control" id="budgetvalue" required />
                    </div>
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">Liczba pozycji:</label>
                <div class="col-md-6 inputGroupContainer">
                    <div class="input-group">
                        <input name="itemquantity" type="text" class="form-control" id="itemquantity" placeholder="0-100000" required />
                    </div>
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-4 control-label">Liczba pozycji Apple:</label>
                <div class="col-md-6 inputGroupContainer">
                    <div class="input-group">
                        <input name="appleitemquantity" type="text" class="form-control" id="appleitemquantity" placeholder="0-100000" required />
                    </div>
                </div>
            </div>
        </fieldset>
        <div id="alert" class="alert alert-danger" role="alert" style="display: none"></div>
        <div class="form-group">
            <label class="col-md-4 control-label"></label>
            <div class="col-md-4">
                <button type="submit" name="submitButton" class="btn btn-primary">OK</button>
                <input type="button" value="Anuluj" class="btn btn-danger" />
            </div>
        </div>
    </form>

这是文档准备就绪时触发的 JS 代码:

  $('#b_form')
        .bootstrapValidator({
            fields: {
                budgetvalue: {
                    validators: {
                        notEmpty: {
                            message: 'Podaj wartość z zakresu 0-' + GetMax1(),
                        },
                        numeric: {
                            message: 'Wartość nie jest liczbą. Użyj kropki jako separatora.',
                            thousandsSeparator: '',
                            decimalSeparator: '.'
                        },
                    },
                },
                itemquantity: {
                    validators: {
                        notEmpty: {
                            message: 'Podaj wartość z zakresu 0-' + GetMax2(),
                        },
                        integer: {
                            message: 'Podana wartość nie jest liczbą całkowitą'
                        },
                    }
                },
                appleitemquantity: {
                    validators: {
                        notEmpty: {
                            message: 'Podaj wartość z zakresu 0-' + GetMax3(),
                        },
                        integer: {
                            message: 'Podana wartość nie jest liczbą całkowitą'
                        },
                    }
                },
            }
        })
        .on('success.form.fv', function (e) {
            alert('test');
        });

我想这可能是因为表单的第一个字段 - 它在验证期间没有被检查。我在 Internet 上搜索了相关信息，但找不到任何有值(value)的信息。

谢谢!

Answer 1

尝试添加提交处理程序

      feedbackIcons: {
          valid: null,
          invalid: null,
          validating: null
      },
      submitButtons: '[type="submit"]',
      submitHandler: function(){
          alert("submitHandler");
      },