当前位置: 首页 > 面试题库 >

联系表格7 AJAX回调

公孙志尚
2023-03-14
问题内容

经过一段时间的搜索,无法提供任何文档来概述我想要实现的目标。

我使用的是wordpress和Contact Form
7插件,它们都工作正常,我想要实现的是在表单提交时运行一些特定的javascript,我知道我们可以在附加设置中使用“
on_sent_ok:”,但这只能执行如果表格是实际提交的。

我想做的是在表单未提交确定时执行其他一些JavaScript,这会使用户返回未验证的部分。

我可以使用以下代码在单击表单提交1.7秒后运行,但是这有点草率,好像用户运行的连接速度很慢,这可能会在正确提交表单之前运行。

 $('.wpcf7-submit').click(function() {
setTimeout(function() {
    if ($('.fs1 input,.fs1 textarea').hasClass('wpcf7-not-valid')) {
        $('.pop-up-form').removeClass('pustep2').removeClass('pu-closing');
        $('.form-step').hide();
        $('.fs1').show();

    }
    if ($('.fs2 *').hasClass('wpcf7-not-valid')) {
        alert('error on page 2 - take user back to the area with issues')
    }
}, 1700);
});

AJAX表单完成后,我可以使用任何特定的函数或挂钩来运行JS吗?

谢谢!


问题答案:

鉴于对此主题的回答多种多样,插件开发者似乎每隔5分钟就会改变主意。当前(2017年第一季度),这是工作方法:

document.addEventListener( 'wpcf7mailsent', function( event ) {
  alert( "Fire!" );
}, false );

有效事件为:

  • wpcf7invalid- 当Ajax表单提交成功完成但由于包含无效输入的字段而未发送邮件时触发。
  • wpcf7spam- 在Ajax表单提交成功完成但由于检测到可能的垃圾邮件活动而未发送邮件时触发。
  • wpcf7mailsent -Ajax表单提交成功完成并且已发送邮件时触发。
  • wpcf7mailfailed- 成功完成Ajax表单提交但发送邮件失败时触发。
  • wpcf7submit —在Ajax表单提交成功完成时触发,无论其他事件如何。

调味料:https : //contactform7.com/dom-
events/



 类似资料:
  • 使用联系人表格7,当客户填写表格时,会向我发送一封包含客户输入数据的电子邮件。在这封电子邮件中,我想包括一个我在网站上使用的短代码。 我使用的短代码只是显示一些文本,并在网站上正常工作。 但是,如果我将其添加到联系人表单电子邮件中,它不会显示短代码的内容,它只是将短代码显示为文本...[buf_reg] 是否可以在联系人表单7电子邮件中显示短代码?或者其他电子邮件?

  • 问题内容: 我想在我正在创建的网站上使用联系表格,但是PHP不是一个选择,因为客户端不希望使用它。是否有一种聪明的方法可以解决此问题,例如发送电子邮件参数(非标准参数)或使用外部联系表?是否有一些不使用广告且可以轻松修改为其他语言的好产品? 谢谢。 问题答案: 联系人表单有数百种可嵌入(最可能基于)的解决方案,使您能够使用PHP等服务器端语言来解决问题。只是一个快速的谷歌搜索会给你一些。 或者,您

  • 我有麻烦为我的联系表单获取正确的php脚本。我设法让它电子邮件我,但它没有显示一个名字,电子邮件或文本在电子邮件。 PHP脚本 联系表单

  • 联系人列表用来展示个人的联系方式。 联系人列表是分组列表(Grouped Lists)的一个特殊的类型,主要有2点不同: 列表区域元素(“list-block”)需要带上额外的“contacts-block”类 页面内容元素(“page-content”)需要带上额外的“contacts-content”类 示例 <div class="page-content contacts-content"

  • 关联表是Scheme一种特殊形式的列表。列表的每一个元素都是一个点对,其中的car(左边的元素)被称为一个“键”,cdr(右边的元素)被称为和该键关联的值。例如: ((a . 1) (b . 2) (c . 3)) 调用程序(assv k al)能在关联表al中找到和键k关联的CONS单元。在查找时关联表中的键与k使用eqv?过程来比较。然而有时我们可能希望自定义一个键的比较函数。例如,如果键是不

  • 问题内容: 我有一个使用联接表建模的一对多关系: 这些表应该模拟一个t1与多个t2的关系。使用JPA为这些表建模的正确方法是什么? 问题答案: 一个T1到多个T2的典型表是在T2上有一个指向T1的外键。通常不需要T1_T2表。 这样,JPA结构将是一对多的,可能是双向的。 可能会有一些安排,以使您描述的结构起作用。您可以更改T1_T2: 在T2上添加唯一约束(以便仅允许一个T2) 那真的是你想要的