验证laravel中的动态输入字段

时间:2021-05-25 02:36:14

标签: jquery laravel validation laravel-blade laravel-8

我有一个表格,可以在其中动态添加行,并且用户可以为任何行提交文件。我有一个问题是如何验证文件输入?

enter image description here

我正在使用 jquery 动态添加/删除行:

                            var row = 

                            "<tr> <input type='hidden' name='Registration_Tag[]'' value='" + Registration_Tag + "'>" +
                            "<td class='px-6 py-4 whitespace-nowrap'>" +
                            "<div class='flex items-center'>"+
                            "<div class='ml-4'>"+
                            "<div class='text-sm font-medium text-gray-900'>"+
                            Equipment_Name+
                            "</div>"+
                            "</div>"+
                            "</div>"+
                            "</td>"+
                            "<td class='px-6 py-4 whitespace-nowrap'>"+
                            "<div class='text-sm text-gray-500'>"+
                            Registration_Tag+
                            "</div>"+
                            "</td>"+
                            "<td class='px-6 py-4 whitespace-nowrap'>"+
                            "<span"+
                            "class='px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800'>"+
                            Equipment_Status+
                            "</span>"+
                            "</td>"+
                            "<td class='py-4 whitespace-nowrap text-sm text-gray-500'>"+

                            "<div class='flex flex-wrap my-auto mb-6'>"+
                            "<div class='w-full px-3'>"+
                            "<input id='grid-password' type='file' placeholder='' name='Equipment_Cert[]'>"+
                            " <small class='text-danger'>{{ $errors->first('Equipment_Cert') }}</small>"+
                            "</div>"+
                            "</div>"+
                            "</td>"+
                            "<td class='px-6 py-4 whitespace-nowrap text-right text-sm font-medium'>"+
                            "<button type='button' class='remove-tr close'>"+
                            "<span aria-hidden='true'>&times;</span>"+
                            "</button>"+
                            "</td>"+
                            "</tr>"

                            $("#Calibration_Table").append(row);

我已经尝试过像下面这样的点表示法,但对我仍然没有用。


                    $v = Validator::make($request->all(), [
                        'Calibration_Location'=>'required',
                            'Calibration_Category'=>'required',
                            'Date_of_Calibration' => 'required',
                            'Next_Due_Date' => 'required',
                            'Equipment_Cert.*' => 'required'
                        ]);
                    if ($v->fails()) {
                        return redirect('/Equipments/create?request_type=Update+Calibration+for+All+Category')
                                    ->withErrors($v->errors())
                                    ->withInput();
                    }

希望能得到你的一些建议。提前致谢

1 个答案:

答案 0 :(得分:0)

Laravel 请求中文件上传输入的处理方式与其他类型的输入略有不同。例如,空文本输入仍将出现在 $request->input() 中。另一方面,在 $request->input()$request->file() 中未设置空文件输入。

您的示例规则 'Equipment_Cert.*' => 'required' 表示“对于此请求中 Equipment_Cert 数组中的每个字段,它都应该有一个值”。但是因为从请求中删除了空文件输入,所以没有 Equipment_Cert 数组,因此该数组中没有要应用此规则的元素。

如果您想确保动态表单中的每一行都上传了一个文件元素,您可以执行以下操作:

// I picked this field to count because it's a text input in your dynamic row
$dynamicRowCount = is_array($this->input('Registration_Tag')) ? count($this->input('Registration_Tag')) : 0;

$v = Validator::make($request->all(), [
    'Calibration_Location'=>'required',
    'Calibration_Category'=>'required',
    'Date_of_Calibration' => 'required',
    'Next_Due_Date' => 'required',
    'Equipment_Cert' => [
        'required',
        'array',
        "size:$dynamicRowCount",
    ],
    
    // you can still do further validation on each file if necessary
    'Equipment_Cert.*' => [
        'file',
        'size:4096',
        'mimes:pdf,docx',
    ],
]);

使用此规则,假设动态表单上有 3 行,您将收到类似 The equipment cert must contain 3 items 的错误。如果您愿意,您可以进一步将此消息自定义为更好的内容,例如 Each equipment row requires an uploaded certificate.

或者,如果您能够更改 HTML 表单结构,您可以将表单中的每个动态行设为自己的数组。将您的字段命名为 equipment[][name]equipment[][certificate] 之类的名称,然后您的规则可能更接近您最初尝试的规则:

[
    'equipment.*.name' => 'required',
    'equipment.*.certificate' => 'required',
]
相关问题