使用JS进行表单验证-Laravel

时间:2020-10-02 18:13:29

标签: javascript jquery laravel forms validation

我正在使用Laravel

我有这个表格项目 我从数据库获得验证,并且正在使用jquery进行验证 所有输入字段都具有name =“ element [{{$$ lement-> 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: {
                }
            });

有人可以帮助我吗?或者您有什么建议吗?

1 个答案:

答案 0 :(得分:1)

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