javascript - 在 Laravel 应用程序中使用 Javascript 进行表单验证

Question

我有一个 Laravel 项目。不是我做的。但我现在正在管理该应用程序。我在项目中遇到了一个问题。需要删除一些验证。使强制性项目成为可选项目。这是 View 文件。

{!! Form::open(array('url' => 'service/tripbuddy', 'method' => 'POST', 'id' => 'frm_trip_package')) !!}

这是表单的 Blade 模板。这是我需要删除所需验证部分的 HTML 输入。

<div class="form-group col-md-3 col-sm-12">
    <label>Number of People <span class="required">*</span></label>
    <input class="form-control" name="no_of_people" id="no_of_people" type="number"
           value="{{isset($cur_package) ? $cur_package->no_of_people : null}}">
</div>

而且我还发现这段 JavaScript 代码也与验证过程相关。但我改变了这一点。什么都没发生。

var validator = new FormValidator('frm_trip_package', [{
name: 'title',
display: 'Title',
rules: 'required|max_length[50]'
},{
    name: 'description',
    display: 'Description',
    rules: 'required|max_length[2500]|min_length[90]'
}, {
    name: 'no_of_people',
    display: 'Number of people',
    rules: 'required'
}, {
    name: 'iteneries',
    display: 'Itineraries',
    rules: 'required'
}, {
    name: 'method_of_travel',
    display: 'Method of travel',
    rules: 'required'
}, {
    name: 'total_hours',
    display: 'Total Hours',
    rules: 'required'
}, {
    name: 'total_minutes',
    display: 'Total Minutes',
    rules: 'required'
}, {
    name: 'price',
    display: 'Price',
    rules: 'required|max_length[8]'
}, {
    name: 'terms',
    display: 'Terms',
    rules: 'required'
}, {
    name: 'images',
    display: 'Images',
    rules: 'required'
}, {
    name: 'pricing_type',
    display: 'Pricing Type',
    rules: 'required'
}
], function (errors, event) {
if (errors.length > 0) {
    var errorString = '<a href="#" class="close" onclick="hideTripErrorMessages()">&times;</a>';

    for (var i = 0, errorLength = errors.length; i < errorLength; i++) {
        if (errors[i].name == 'images') {
            errors[i].message = 'Please add images to your package';
        }
        errorString += errors[i].message + '<br />';
    }

    $("#trip_error_box").show();
    $("#trip_error_box").html(errorString);
}
});

这是验证的标准方法吗？有人可以告诉我吗？

Answer 1

更新这个

{
    name: 'description',
    display: 'Description',
    rules: 'required|max_length[2500]|min_length[90]'
} 

用这个试试

{
        name: 'description',
        display: 'Description',
        rules: 'max_length[2500]|min_length[90]'
    }