Question

我正在尝试使用click事件发送表单来触发表单提交。但是出于某些原因，这似乎不起作用。

代码：

<form id="send_intake">

    <div class="input_line">Voornaam: <input type="text" name="firstname" id="send_intake_firstname"></div>
    <div class="input_line">Achternaam: <input type="text" name="lastname" id="send_intake_lastname"></div>
    <div class="input_line">E-mailadres: <input type="email" name="email" id="send_intake_email"></div>

    <input type="submit" class="form_submit" value="Stuur">
</form>

<script>
//Send form
$(document).ready(function(){

    $(".function_header").on( "click", "#submit_send_intake", function() {
        alert ("click event fired.");
        $("#send_intake").submit(function() {
            $.post("pages/forms_intake/functions/send_intake_form.php", $("#send_intake").serialize());
        });

    });
});
</script>

希望你们能看到这里出了什么问题：（

更新：

很抱歉没有向您提供所有信息。

实际上，此表单是Web应用程序的一部分。表单位于.php文件中，该文件使用.load（）加载到仪表板中。

情况如下：在仪表板文件中，有一个特定的DIV，其中表单根据用户的请求动态加载。但出于UI的原因，我希望用户每次都能使用相同的按钮提交表单。因此，在加载表单时，会将ID #submit_send_intake分配给该按钮。我使用Jquery事件委派将click事件绑定到动态添加的ID，方法是指定按钮＆＃39;父元素，即.function_header。

总结：.function_header和#submit_send_intake是此表单文档的父文档（仪表板）中存在的元素。

Answer 1

我看不到具有类function_header的元素和具有ID submit_send_intake的元素。可能你没有复制那部分标记（但请检查）。
如果您在表单标记中将操作留空，则会通过提交刷新您的页面。所以你应该指定行动。

为什么不单击事件触发器.submit（）？

1 个答案: