如何在 wooCommerce 字段中输入的值发生更改时调用函数

Question

我们有一个使用WooCommerce的WordPress网站。我对WooCommerce非常缺乏经验。

在结帐页面上的"帐单详细信息"下，用户必须填写其名字和姓氏以及电子邮件地址。

如果这 3 个字段中的任何字段中的数据发生了变化，我需要调用一个函数。在此函数中，我需要检查是否完成了所有 3 个字段，然后我需要将信息发送到服务器。

如何连接到这 3 个字段的"onchange"事件？

我尝试使用"change_woocommerce_field_markup"添加一个可以触发事件的 HTML 元素，但到目前为止没有运气。

我尝试将以下内容添加到页面上运行的 javascript 中，但该事件从未触发：

var email_field = $('#billing_email')
email_field.on('change', function () {
console.log("email changed");
});

我尝试使用 woocommerce_form_field_ 来过滤字段，但我无法让它工作，也找不到如何做到这一点的清晰示例。

有人可以告诉我如何将函数连接到名字、姓氏和电子邮件计费字段的更改事件吗？ 您还会告诉我如何将数据输入字段中吗？

Answer 1

$('#billing_email')不起作用的原因是，在WooCommerce为页面生成HTML之前，JavaScript在页面标题中排队。我通过使用在页面页脚中排队 JavaScript 来修复它

add_action('wp_footer', 'my_php_function_that_enqueues_javascript');

在 PHP 后端中。