Wordpress piotnetforms 插件如何在表单提交后运行 Jquery 代码答案

【问题标题】：Wordpress piotnetforms plugin how to run Jquery code after form submissionWordpress piotnetforms 插件如何在表单提交后运行 Jquery 代码
【发布时间】：2022-01-20 23:08:05
【问题描述】：

我的 Wordpress 页面上有一个由 piotnetforms 创建的表单，我想在提交表单后运行 Jquery 代码。

这是表单的链接：
the form Link

这是我的代码：

jQuery("#formID").submit(function() {
 
   alert("submited");

 });

不幸的是，这似乎不起作用。

【问题讨论】：

这个问题需要更多细节才能解决！请向我们展示您的表单 html 结构及其类和 ID。
@Mokhless 我使用 piotnet 表单插件构建了表单
我已链接表单网址

标签： jquery wordpress forms

【解决方案1】：

从您给我们的链接来看，您的提交按钮似乎有一个事件侦听器，该侦听器具有e.preventDefault()。这意味着submit 事件永远不会触发！您可以将正在监听的事件更改为 click 事件。

jQuery(function ($) {
  $('.piotnetforms-button').on('click', function () {
    alert("submit button clicked!");
  })
})

【讨论】：

我需要确认提交的表单然后运行代码
在这种情况下，我可以在不提交表单的情况下运行代码，这对我不起作用
当然，您需要验证字段并确保它们具有值。我认为您的问题是关于为什么 submit 事件不起作用。即使submit 事件有效，您也需要验证您的字段。如果您不确定如何验证您的字段，请告诉我。我可以给你一个例子，说明如何在 click 事件中验证你的字段。
是的，我想要一个对我有很大帮助的例子