表单功能中的 Ninja Forms onsubmit 按钮

Posted 2023-05-09

【中文标题】表单功能中的 Ninja Forms onsubmit 按钮

【英文标题】：Ninja Forms onsubmit button in form function

【发布时间】：2014-10-23 14:20:04

【问题描述】：

我正在尝试在 <form> 元素中添加 onsubmit="return blahblah();"。但是，它只是每次都在表单之外回显。

function ninja_forms_add_on_submit( $form_id ) 
  echo 'onsubmit="something"';

add_action( 'ninja_forms_display_open_form_tag', 'ninja_forms_add_on_submit' );

正在浏览操作文档：http://ninjaforms.com/documentation/developer-api/actions/

我这样做的原因是因为我希望 onsubmit 在它开始操作之前触发一个 ajax 调用。

再次感谢

【问题讨论】：

所以如果你想在提交表单之前触发一个 ajax 调用，为什么不写一个 jquery 方法来捕获提交，e.preventdefault，做 ajax 调用，然后最后提交？

【参考方案1】：

您可能已经意识到，您指定在 ninja_forms_display_open_form_tag 上执行的函数将在 Ninja Forms 呈现打开的form 标记时立即执行；但开始标签还包括结束 > - 因此无法实际设置 onsubmit 属性或任何与此相关的属性。

正如 Culyx 在 cmets 中提到的，您可以使用 jQuery 分配 onsubmit 回调。