使用 js 进行表单验证 - Laravel答案

【问题标题】：Form validation using js - Laravel使用 js 进行表单验证 - Laravel
【发布时间】：2021-01-18 10:01:59
【问题描述】：

我正在使用 Laravel

我有这个表单项我从数据库中获得验证，我正在使用 jquery 进行验证所有输入字段都有 name="element[{{$element->id}}]" （从数据库中获取 id）我正在尝试不同的方法进行验证，但它不起作用

 @if($element->type =='text' && $element->is_depend_on=='0')
            <div class="row">
            <div class="col-sm-12">
            <div class="form-group">
                  <label for="userName">{{$element->label}}</label>
                   <input id="userName" name="element[{{$element->id}}]" type="text"
                       class="form-control @if($element->validation=='required')required @endif" placeholder={{$element->placeholder}}>
                @if($errors->has('element.'.$element->id))
                    <div class="error">{{ $errors->first('element.'.$element->id) }}</div>
                @endif
                    </div>
                </div>
            </div>
            @endif
     @if($element->type =='textarea' &&$element->is_depend_on=='0')
                <div class="row">
                <div class="col-sm-12">
                <div class="form-group">
                     <label for="userName">{{$element->label}}</label>
                     <textarea class="form-control  @if($element->validation=='required')required @endif" name="element[{{$element->id}}]"
                         placeholder={{$element->placeholder}} *="" style="margin: 0px; width: 601px; height: 108px;" spellcheck="false" data-gramm="false"></textarea></div>
                    @if($errors->has('element.'.$element->id))
                        <div class="error">{{ $errors->first('element.'.$element->id) }}</div>
                    @endif
                </div>
                 </div>
               @endif

这是我的js代码

var form = $("#order");
   form.validate({
       errorPlacement: function (error, element) {
           error.insertBefore(element);
       },
       rules: {}
   });

我也试过这段代码

 $("#order").validate({
                rules: {

                },
                messages: {
                }
            });

谁能帮帮我，或者你有什么建议吗？

【问题讨论】：

标签： javascript jquery laravel forms validation

【解决方案1】：

只需使用 https://parsleyjs.org/ 在您的刀片模板上进行表单验证。非常有效并且有很多有用的 API 和插件。您可以利用这个小型开源项目，而不是一次又一次地重复相同的验证。

【讨论】：