Javascript JQuery验证未捕获类型错误：无法读取属性'；设置'；第5.1条中未定义的

这是我的刀片代码，包含te view DATOSPRESUESTO：

<div class="container">
   <form class="shopping-cart" role="shopping-
      cart"action="cotizacion" method="POST">
      <input type="hidden" name="_token" value="{{ csrf_token()}}">
      <div>
         @include('frontend.partials.productos')
         @include('frontend.partials.datospresupuesto')
      </div>
   </form>
</div>
<!--/end container-->

---

它说它找不到

$（'.shopping cart'）

它确实存在于您的视图中，但是如果您试图通过AJAX加载视图，您可能会在JS可用之前对其进行初始化。如果添加

console.log（$（'.shopping cart'）到javascript控制台是否显示对象或
未定义的
？是的，显示表单。结果是：[form.shopping-cart，prevObject:m.fn.init（1），上下文：文档，选择器：“.shopping-cart”]0:form.shopping-cart上下文：文档长度：1 prevObject:m.fn.init（1）选择器：“.shopping-cart”proto:Object（0）将步骤向导初始化包装在$（document）.ready（function（）{…}）中；是的，我做到了。jQuery（document）.ready（函数（）{StepWizard.initStepWizard（）；}）；
<div class="row">
   <div class="col-sm-6">
      <input type="text" placeholder="Nombre" name="nombre"  id="name" for="nombre" class="form-control required" required>
   </div>
   <div class="col-sm-6">
      <input type="text" placeholder="Apellidos" name="apellidos" class="form-control required">
   </div>
</div>

 var StepWizard = function() {
            return {
                initStepWizard: function() {
                        var form = $(".shopping-cart");
                        console.log(form);
                        form.validate({
                                    rules: {
                                        nombre: {
                                            required: true,
                                            minlength: 3,
                                            letters: true
                                        },

                                        apellidos: {
                                            required: true,
                                        }