未捕获的RangeError:最大调用堆栈大小超出-引导验证

Uncaught RangeError: Maximum call stack size exceeded - Bootstrap Validate

本文关键字:验证 堆栈 调用 RangeError      更新时间:2023-09-26

我得到上面的错误与我的形式:我没有任何问题与以下HTML和JavaScript使用Bootstrap验证器。

HTML:

<div class="form-group">
    <label class="col-lg-3 control-label">Delivery Agent</label>
    <div class="col-lg-5">
    <select name="delivered_by" class="form-control">
            <option value="">-- Select --</option>
            <option value="8">Captain America</option>
            <option value="12">Iron Man</option>
        </select>
    </div>
</div>
<div class="form-group">
    <label class="col-lg-3 control-label">No of bottles out for delivery</label>
    <div class="col-lg-5">
        <input type="text" value="" class="form-control" maxlength="3" name="bottles_out_for_delivery">
    </div>
</div>
<div class="form-group">
    <label class="col-lg-3 control-label">No of bottles returned</label>
    <div class="col-lg-5">
        <input type="text" value="" class="form-control" maxlength="3" name="bottles_returned">
    </div>
</div>
JavaScript:

$('#add_bulk_delivery_form').bootstrapValidator({
    fields: {
        bottles_out_for_delivery: {
            validators: {
                notEmpty: {
                    message: 'Bottles out for delivery field can''t be empty'
                },
                regexp: {
                    regexp: /^[0-9]+$/,
                    message: 'Bottles out for delivery can only contan numbers'
                }
            }
        },
        bottles_returned: {
            validators: {
                notEmpty: {
                    message: 'Bottles out for delivery field can''t be empty'
                },
                regexp: {
                    regexp: /^[0-9]+$/,
                    message: 'Bottles out for delivery can only contan numbers'
                }
            }
        },
        delivered_by: {
            validators: {
                notEmpty: {
                    message: 'Please choose a delivery agent'
                }
            }
        }
    }
});

但是当我将以下HTML代码添加到该表单时,它显示了错误。

<input type="text" maxlength="3" value="0" class="form-control" name="bottles_delivered[]">
<input type="text" maxlength="3" value="0" class="form-control" name="empty_bottles_collected[]">

我也遇到过类似的问题。这个解决方案适用于我:更改类时超过最大调用堆栈大小- Bootstrap, jQuery

您必须验证表单的结构:http://formvalidation.io/getting-started/#writing-form