Laravel 7 jQuery阻止提交按钮答案

【问题标题】：Laravel 7 jQuery blocking submit buttonLaravel 7 jQuery阻止提交按钮
【发布时间】：2020-05-27 12:50:13
【问题描述】：

我有发送电子邮件的联系表。当我添加 jQuery 时，无论版本是什么，我还尝试下载的 jQuery 和 CDN 提交在我的联系表单中不起作用，没有任何反应。在开发工具中没有任何错误。当我注释掉 jQuery 时，一切都很完美。但我需要他们两个 - 网站访问者的联系表和我的移动菜单的 jQuery。也许还有另一种方法可以使用 method=post 触发动作路线？

这是我的刀

<form action="{{url('/sendmail')}}" method="post" id="contact">
    @csrf
    <div class="row">
        <div class="col-lg-6 col-md-12 col-sm-12">
            <fieldset>
                <input name="name" type="text" class="form-control" id="name" placeholder="Jūsu vārds..." required="">
            </fieldset>
        </div>
        <div class="col-lg-6 col-md-12 col-sm-12">
            <fieldset>
                <input name="email" type="text" class="form-control" id="email" pattern="[^ @]*@[^ @]*"
                       placeholder="Jūsu e-pasts..." required="">
            </fieldset>
        </div>
        <div class="col-lg-12 col-md-12 col-sm-12">
            <fieldset>
                <input name="subject" type="text" class="form-control" id="subject" placeholder="Temats..." required="">
            </fieldset>
        </div>
        <div class="col-lg-12">
            <fieldset>
                <textarea name="message" rows="6" class="form-control" id="message" placeholder="Jūsu ziņa..."
                          required=""></textarea>
            </fieldset>
        </div>
        <div class="col-lg-12">
            <fieldset>
                <button type="submit" id="form-submit" class="filled-button">Sūtīt ziņu</button>
            </fieldset>
        </div>
    </div>
</form>

这是我的路线列表

Route::get('/', 'PagesController@index');
Route::get('/kontakti', 'PagesController@contacts');
Route::post('/sendmail', 'MailController@sendMail')->name('send');

在其他较旧的 Laravel 版本中，这可以正常工作，但在 Laravel 7 中则无法正常工作。

更新：这是此模板的脚本列表，似乎 owl carousel 正在执行此错误

<script src="{{asset('scripts/vendors/jquery-3.4.1.min.js')}}"></script>
<script src="{{asset('scripts/vendors/jquery.hoverIntent.min.js')}}"></script>
<script src="{{asset('scripts/vendors/perfect-scrollbar.min.js')}}"></script>
<script src="{{asset('scripts/vendors/jquery.easing.min.js')}}"></script>
<script src="{{asset('scripts/vendors/wow.min.js')}}"></script>
<script src="{{asset('scripts/vendors/parallax.min.js')}}"></script>
<script src="{{asset('scripts/vendors/isotope.min.js')}}"></script>
<script src="{{asset('scripts/vendors/imagesloaded.pkgd.min.js')}}"></script>
<script src="{{asset('scripts/vendors/packery-mode.pkgd.min.js')}}"></script>
<script src="{{asset('scripts/vendors/owl-carousel.min.js')}}"></script>
<script src="{{asset('scripts/vendors/jquery.appear.js')}}"></script>
<script src="{{asset('scripts/vendors/jquery.countTo.js')}}"></script>
<script src="{{asset('scripts/main.js')}}"></script>

【问题讨论】：

没有足够的信息来帮助您。有我们可以检查的实时版本吗？您是否将任何其他 JavaScript 文件添加到页面？单独的 jQuery 不会阻止您的表单被提交。
@fromvega 我添加了脚本列表。我试图一一注释掉脚本，似乎 owl-carousel 是解决这个问题的关键。现场版在 aliseswonderland.lv/kontakti

标签： javascript php jquery laravel

【解决方案1】：

如果正在发送任何请求，请检查您的浏览器。在 Firefox 的 Chrome 中，您可以在开发者工具网络选项卡中看到这一点。

同时尝试将您的操作更改为：

action="{{ route('send') }}"

【讨论】：