联系表 7：提交时多行 javascript

Question

我需要使用 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
});

我不知道在哪里或如何添加它，因为您只能在高级设置中使用 on sent ok 的一行代码。

提前致谢！！ :)

Answer 1

如 cmets 中所述，要么将其缩小：

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();"

我还没有实际测试过，所以如果开箱后不能正常工作，请发表评论。