重力表单字段 - 如何将外部Javascript应用于字段?

时间:2014-03-12 21:26:38

标签: javascript wordpress forms gravity-forms-plugin

使用WordPress插件Gravity Forms,我创建了一个带有文本字段的表单。对于某些文本字段,我想应用允许文本字段自动完成的Javascript。

如何为字段添加Javascript以实现效果?我知道我需要编辑我的WP网站主题的functions.php文件。但不确定哪个部分

此外,我不确定如何在重力表单代码中指定字段的id。我可以通过以下方式应用JS:

document.getElementId("IDSpecified"); 

任何人都知道如何做到这一点?

1 个答案:

答案 0 :(得分:5)

看看Gravity Forms developer documentation。 Gravity Forms过滤器gform_register_init_scripts可用于在表单上执行自定义脚本。它可以在你的主题functions.php。

中实现

<强>描述

  

点击Gravity Forms的“初始化脚本”功能,并注册您自己的脚本以与Gravity Forms一起内联运行。通过GFFormDisplay :: add_init_script()函数添加的脚本将以其注册的格式输出。

示例(简体)

<?php
add_filter('gform_register_init_scripts', 'gform_my_function');
function gform_my_function($form) {

    $script = '(function($){' .
        '$('.gf_yourfield input').each(function(){
          // do something
         });' .
    '})(jQuery);';

    GFFormDisplay::add_init_script($form['id'], 'gform_my_function', GFFormDisplay::ON_PAGE_RENDER, $script);
    return $form;
}
?>