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

Gravity forms fields - how to apply external Javascript to fields?

本文关键字:字段 外部 Javascript 应用于 表单      更新时间:2023-09-26

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

我如何添加Javascript字段采取的效果?我知道我需要编辑我的WP网站主题的函数。php文件。但不确定是哪一部分

我也不确定如何指定重力表单代码中的字段id。我可以通过执行

来应用JS
document.getElementId("IDSpecified"); 

有人知道怎么做吗?

查看Gravity Forms开发人员文档。Gravity Forms过滤器gform_register_init_scripts可用于在表单上执行自定义脚本。可以在你的themes functions.php中实现。

点击重力表单的"初始化脚本"功能,并注册自己的脚本与重力表单内联运行。通过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;
}
?>