TA貢獻1825條經(jīng)驗 獲得超6個贊
倒計時功能是這樣工作的。放在你的表格下面。
[textarea*?Message?maxlength:500?placeholder?"*Message"] [count?Message?down]
確保你的主題沒有任何地方
add_filter(?'wpcf7_load_js',?'__return_false'?);
確保沒有刪除 JS 的實例，否則這將不起作用。
TA貢獻1810條經(jīng)驗 獲得超4個贊
您需要從文本區(qū)域獲取每個字符，然后顯示在 div“.wpcf7-character-count”上。此外，如果 WPCF7 不將最大輸入限制為 500，您可以為此創(chuàng)建另一個規(guī)則。
$(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>
舉報