带有文本区域的 Wordpress CF7 倒计时字段不会随着用户类型而改变

Question

我正在尝试在此页面上使用 WPCF7 的计数（向下）功能： https: //www.inkopia.com/photographer-submissions/但是当用户开始键入时没有任何反应？我已阅读 WPCF7 文档并严格按照说明进行操作。然而什么也没有发生。我检查了控制台日志，但没有任何内容显示存在问题。是否有任何已知的插件与此冲突？这真是一场噩梦！

Answer 1

倒计时功能是这样工作的。放在你的表格下面。

[textarea* Message maxlength:500 placeholder "*Message"]
[count Message down]

确保你的主题没有任何地方

add_filter( 'wpcf7_load_js', '__return_false' );

确保没有删除 JS 的实例，否则这将不起作用。

Answer 2

您需要从文本区域获取每个字符，然后显示在 div“.wpcf7-character-count”上。此外，如果 WPCF7 不将最大输入限制为 500，您可以为此创建另一个规则。

$(document).ready(function() {

  $("textarea").on('input', function() {

      var maximum_value = $(".wpcf7-character-count").data("maximum-value");

      var current_value = maximum_value - $(this).val().length;

      $(".wpcf7-character-count").text(current_value);

  });

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<textarea name="BIO" cols="40" rows="10" maxlength="500" minlength="200" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Biography (min. 200, max. 500 characters)*"></textarea><br>

<span class="wpcf7-character-count down" data-target-name="BIO" data-starting-value="500" data-current-value="500" data-maximum-value="500" data-minimum-value="200">500</span>