小编fis*_*h_r的帖子

联系表格7 AJAX回拨

一直在寻找这个问题,并且无法提出任何文档来概述我想要实现的目标.

我正在使用wordpress和Contact Form 7插件,一切都很完美,我想要实现的是在表单提交时运行一些特定的javascript,我知道我们可以在其他设置中使用"on_sent_ok:",但这仅执行如果表格实际提交.

我想做的是当表单没有提交确定时做一些其他的javascript,这会将用户返回到未验证的部分.

我可以使用以下代码在1.7s的表单提交被点击后运行,但是它有点草率,好像用户运行缓慢的连接,有可能在表单正确提交之前运行.

 $('.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);
});
Run Code Online (Sandbox Code Playgroud)

当表单AJAX完成时,是否有任何特定的函数或钩子可以用来运行JS?

谢谢!

javascript ajax wordpress jquery contact-form-7

33
推荐指数
4
解决办法
4万
查看次数

标签 统计

ajax ×1

contact-form-7 ×1

javascript ×1

jquery ×1

wordpress ×1