jquery - 清除联系表 7 (Wordpress) 中的字段

Question

我在我的 WordPress 网站上使用联系表 7。不幸的是，该插件默认没有内置“点击时清除字段”，这降低了可用性。

我已经创建了一个主题函数来让它工作，并且已经接近完成，但需要具有更好 jQuery 技能的人来让一切按预期工作。这是我的代码:

// Clear Formfields
function clearfield() {
?>
<script type="text/javascript">
    jQuery(document).ready(function($) {
         $(".clearfields").click(function () {
            var text = $(this).text();
                $(".clearfields").val("");
            });                             
    });
</script>
<?php
}
add_action( 'wp_footer', 'clearfield', 100 );

我无法在不修改插件的情况下操作输入字段，但我可以添加类。目前我有:

<input class="clearfields" type="text" value="enter name etc">

目前，这将清除带有 .clearfields 类的任何字段，这很好，但我只想清除用户单击的字段。目前，它会清除所有内容(姓名、电子邮件、公司等)，因为所有字段都有所申请的类(class)。

其次，在我当前的设置下，即使单击提交按钮后表单似乎已发送，电子邮件也不会到达，因此我的代码出现了问题。

有人可以帮忙吗？

Answer 1

联系表 7 确实有明确的值(value)...只需使用:水印

[text* txtName watermark   "Name: "]