2

我正在使用 FormRequest 来验证数据。我知道这个问题被问过很多次,社区试图通过多种方式解决这个问题,但没有一个能解决我的问题。附上参考链接。

我的问题描述

我很复杂,它的一些 HTML 是从我的 JQuery 代码生成的。当 Jquery 代码未填充到表单上时,后端验证和旧值工作正常,但当 JQuery HTML 出现在表单中并提交表单时,旧值和验证错误不起作用。附上图片以获得更多解释。

步骤 1点击付款条件 步骤1

步骤 2选择条款并确认 第2步

第 3 步在从 JQuery 填充的付款百分比输入字段中添加值。 第 3 步

表单请求

class AbcRequest extends FormRequest
{
    public function authorize()
    {
        return true;
    }

    public function rules()
    {
        return [
            'payment_term' => ['required'],
            'payment_percent' => ['required'],
            'other_info' => ['required'],
        ];
    }
}

网页.php

Route::group(['middleware' => ['auth', 'approved']], function () {
    Route::post('/abc/store', 'AbcController@store')
        ->name('abc.store');
});

<form method="post" action="{{ url('/abc/store') }}" 
      enctype="multipart/form-data">
    @csrf
    <input type="text" name="payment_term" class="form-control" 
           value="{{ old('payment_term') }}">
    @error('payment_term')
    <div class="backend-error"> {{ $message }} </div>
    @enderror
</form>

到目前为止我尝试过的

社区链接

  1. Laravel 验证 MessageBag 包含错误但未显示在刀片​​文件中
  2. Laravel 5 验证错误消息未显示
  3. Laravel 8 - 旧输入和验证错误消息不起作用
  4. https://github.com/laravel/framework/issues/26367
  5. https://laravel.io/forum/why-laravel-validation-dont-displaying-errors
  6. https://laracasts.com/discuss/channels/laravel/error-messages-are-not-shown-after-validation
  7. Laravel 5.2 验证错误未出现

社区建议的控制器代码

public function store(Request $request)
{
    $validator = Validator::make($request->all(), [
        'payment_term' => ['required'],
        'payment_percent' => ['required'],
        'other_info' => ['required'],
    ]);
    
    if ($validator->fails()):
        return redirect()->back()
            ->withErrors($validator)
            ->withInput();
    endif;
}
4

1 回答 1

0

免责声明:如果我没有正确理解您的问题,我很抱歉,我会尽力而为。

如果您在客户端使用 jQuery 创建一些 HTML 输入,Laravel 将无法将任何旧输入值或验证错误插入到您的 HTML 中,因为您所指的 DOM 元素在渲染时根本不存在在您的网络服务器上。

本质上,我可以想到两种方法来解决这个问题:让 Laravel 渲染这些 HTML 元素并使用 CSS 隐藏它们。然后,您的 JavaScript 可能(有条件地?)通过操作 CSS 显示先前隐藏的元素。另一种选择是将旧输入值和验证错误模板化到内联脚本标记中的 JavaScript 变量中,您的 jQuery 代码可以解析这些变量,例如通过在 JSON 中编码和解码这些值。

于 2021-11-24T21:16:48.677 回答