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');
        });

我想这可能是因为形式的第一个字段 - 在验证期间没有检查。我搜索了有关这方面的互联网信息，但我找不到任何有价值的信息。

谢谢！

Answer 1

尝试添加提交处理程序

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

'success.form.fv'事件未提出

1 个答案: