联系表格7:提交多行javascript

时间:2016-12-01 17:14:44

标签: javascript wordpress forms contact-form-7

我需要使用Contact 7来嵌入表单,将信息提交到我的Viral Loops帐户。

提交表单后需要运行以下代码,即on_sent_ok:

VL.options.form_fields.form_firstName = $("#firstname").val(); //capture the first name
VL.options.form_fields.form_email = $("#email").val(); //capture the email
VL.options.form_fields.form_lastName = $("#lastname").val(); //capture the last name (if applicable in your form)
//submit the participant to Viral Loops
VL.createLead(function() {
//any logic to run after the participation
});

我不知道在哪里或如何添加它,因为您只能在高级设置中使用已发送的一行代码。

提前致谢!! :)

1 个答案:

答案 0 :(得分:2)

如评论中所述,要么缩小它:

on_sent_ok: "VL.options.form_fields.form_firstName = $('#firstname').val();VL.options.form_fields.form_email = $('#email').val();VL.options.form_fields.form_lastName = $('#lastname').val();VL.createLead(function() {});"

或者您可以在js/script.js中的(子)主题目录中创建一个JavaScript文件,然后将其添加到您的(子)主题目录中的functions.php

/**
 * Enqueue a script with jQuery as a dependency.
 */
function so_40916565_enqueue() {
    wp_enqueue_script( 'so-40916565', get_stylesheet_directory_uri() . '/js/script.js', array( 'jquery' ) );
}
add_action( 'wp_enqueue_scripts', 'so_40916565_enqueue' );

并在您新创建的javascript文件中:

function js_40916565() {
  VL.options.form_fields.form_firstName = $("#firstname").val(); //capture the first name
  VL.options.form_fields.form_email = $("#email").val(); //capture the email
  VL.options.form_fields.form_lastName = $("#lastname").val(); //capture the last name (if applicable in your form)
  //submit the participant to Viral Loops
  VL.createLead(function() {
    //any logic to run after the participation
  });
}

在您的联系表格7中:

on_sent_ok: "js_40916565();"

我实际上没有测试过它,所以如果它不能立即使用,请发表评论。