无法使用 JQuery 提交确认表单答案

【问题标题】：Unable to submit form on confirmation using JQuery无法使用 JQuery 提交确认表单
【发布时间】：2020-11-30 18:03:14
【问题描述】：

我正在尝试使用 JQuery 提交表单，但它似乎没有提交。我究竟做错了什么？这是我的 JS 代码：它没有记录 hello 字。

document.querySelector("form#myForm").addEventListener('submit', validateForm)
    function validateForm(e)
    {
        e.preventDefault();
        var values = $('#myForm').serialize();

         $.ajax({
            url: "<?php echo route('validate') ?>",
            method: 'GET',
            async:false,
            data: values,
            success: function(data) {
                var data = JSON.parse(data);
                var text = data.text;
                var image_url = data.image;
                swal({
                    html: "<div style='text-align: left; margin-left: 10px'><strong>Preview</strong></div>",
                    showCancelButton: true,
                    confirmButtonText: "Yes",
                    cancelButtonText: "No",
                    confirmButtonColor: "#00ff55",
                    cancelButtonColor: "#999999",
                    reverseButtons: true,
                }).then((result) => {
                    if (result.value) {
                        $("#myForm").submit(function(e){
                            console.log('hello')
                        });
                    }
                });
            }
    });
    return false;
}

这是 form 开始标签属性 - <form action="{{url('test')}}" method="post" onsubmit="return validateForm(e);" id="myForm" name="a-form">

【问题讨论】：

1- 首先检查浏览器中的控制台和网络选项卡。 2- 如果控制台和网络选项卡中没有错误给出 200 状态，则在验证控制器中 dd 以确保表单数据是否显示
这样使用url: "{{route('validate')}}"
@Adam 我已经在控制器中 dd 但什么都没有。
这解决了我的问题 - stackoverflow.com/questions/3303874/…

标签： javascript jquery laravel

【解决方案1】：

由于您在控制台（开发人员工具）上没有看到您的hello，您是否还检查了任何错误。因此很可能没有打印出来。

至于你的代码，document.querySelector("form#myForm").addEventListener('submit', validateForm) 基本上和onsubmit="return validateForm(e);" 做同样的事情。所以它实际上会做两次请求。您可以删除任何一个。还要确保您的路线正确打印在url 上。

【讨论】：

控制台上没有错误。我还应该在哪里查找错误？