Simple textarea count down

sjb1963
Topic Author
Offline

4 years 6 months ago - 4 years 6 months ago #7345 by sjb1963

Simple textarea count down was created by sjb1963

If you're looking for a way to add a character counter to a text area, This works:

Code:

jQuery(function ($) {
    $("textarea[id='field7']").attr("maxlength", "300");
    $("textarea[id='field7']").keyup(function () {
        if (this.value.length === 0) {
            $("#limit").show();
            $("#remaining").hide();
        } else {
            $("#limit").hide();
            $("#remaining").show();
        }
        if (this.value.length > 300) {
            return false;
        }
        $("[class='count']").html("You have " + (300 - this.value.length) + "/300 characters remaining");
    });
});

Last edit: 4 years 6 months ago by sjb1963.

Administrator AV
Offline

4 years 6 months ago #7346 by Administrator AV

Replied by Administrator AV on topic Simple textarea count down

Thanks a lot for sharing your really good stuff here!

I recommend you the new and up-to-date documentation for Joomla 5:
docs.joomla-5.visforms.vi-solutions.de/en/docs/
Most of this also applies retrospectively to Joomla 4.
Please only ask 1 question per topic :-)

Ich empfehle Dir die neue und aktuelle Dokumentation für Joomla 5:
docs.joomla-5.visforms.vi-solutions.de/docs/
Das meiste gilt rückwirkend auch für Joomla 4.
Bitte immer nur 1 Frage pro Thema stellen :-)

Moderators: Administrator AV, Administrator IV

Joomla 5 Notice

Forum

Simple textarea count down

Visforms Subscription

Visforms Extensions