Javascript 如何在jQuery中触发和处理表单提交？_Javascript_Jquery_Html

Javascript 如何在jQuery中触发和处理表单提交？

javascript jquery html

Javascript 如何在jQuery中触发和处理表单提交？,javascript,jquery,html,Javascript,Jquery,Html,我试图触发表单提交并使用jquery处理它。下面是我的代码： <html> <body> <form> <input value="hello" name="check"> <input type="submit" value="abc"> </form> </body> <script src="https://cdnjs.cloudflare.com/aj

我试图触发表单提交并使用jquery处理它。下面是我的代码：

<html>
<body>
    <form>
        <input value="hello" name="check">
        <input type="submit" value="abc">
    </form>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
    $("form").trigger("submit", (event) => {
        console.log(event)
        event.preventDefault();
    })
</script>

</html>

然而，当我运行这段代码时，我的表单在一个无限循环中提交。我希望控制台打印事件对象并停止提交。我的代码中有什么错误，我如何解决这个问题？

调用的第二个参数没有函数，因此很遗憾，您不能以这种方式使用PreventedAflt。触发器的第二个参数接受将传递给处理程序的额外参数

但是，您可以编写另一段代码来拦截表单提交：

//此代码处理表单提交中的事件 $'form'。提交=>{ e、防止违约； console.log'inthesubmit'； }; //此代码触发表单提交 $form.triggersubmit 当用户尝试提交表单时，jQuery提交函数将触发。jQuerySubmitForm方法附加了一个处理程序，该处理程序在触发submit事件时执行

使用jQuery提交函数提交表单的语法：

使用此签名时不带任何参数。此方法是.trigger submit的快捷方式

它用作DOM_OBJECT.submithandler

其中，处理程序是一个函数，在提交表单时执行。此方法是。提交时，处理程序的快捷方式

下面的示例演示了使用jQuery提交表单的提交函数用法

$("form").submit(function(event) {
$("span").text("Submitted Successfully...").show();
event.preventDefault();
});

您可能已经注意到上述代码中的event.preventDefault。如果删除此行后尝试上述示例，您将看到一条警报。我们使用alert方法作为默认操作。因此，代码中需要event.preventDefault来阻止此默认操作