Include character word count in "classic layout"

Hi @Renataalmeida Please have a look at this post.

Hi @omkarkewat thanks for your response. I had already tried that. But my skills with JS are very limited and as I mentioned on my post I already have a code on my “addOnReady” in the JS to block copy/paste. Therefore, I don’t know how to include it without messing up with this other code. 

When I tried the one showed on the link you shared and it showed this message: Invalid JavaScript! You cannot save until you fix all errors: Unexpected token )

Could you please advise me how to have both these functions working in the classic layout?

1. block copy pasting (that I already have, I’m using the code below)

Qualtrics.SurveyEngine.addOnReady(function()
{
    /*Place your JavaScript here to run when the page is fully displayed*/
jQuery("#"+this.questionId+" .InputText:eq(0)").on("cut copy paste",function(e) {
   e.preventDefault();
  });
});

1. show the character count WHILE the person is writing. That was possible in the simple layout without having to do anything in the JS, just by selecting the minimum amount. But I don’t know why in the classic layout the same does not apply. 

Thanks once again.

Hi @omkarkewat, the code worked, but the layout was messed up for some reason. Do you know how to fix it? The “characters is showing on the right side of the box. 

Thanks again

@Renataalmeida just add a break tag <br> before it.

input.after("<br><span class='charCount'>Character count: 0/" + limit + "</span>");

Hi, the spacing problem is solved, but FYI I had to change the code because the previous one suggested was limiting the number of characters to 250. This is the final one: 

Qualtrics.SurveyEngine.addOnload(function()
{
    /*Place your JavaScript here to run when the page loads*/
    
var q = jQuery("#"+this.questionId);
var input = q.find(".InputText");
var limit = 250; // Minimum character count

input.after("<br><span class='charCount'>Character count: 0/" + limit + "</span>");
var display = q.find(".charCount");

function countCharacters(el) {
    var count = el.value.length;
    if (count < limit) {
        display.text("Character count: " + count + "/" + limit + " (minimum of 250 characters required)");
    } else {
        display.text("Character count: " + count + "/" + limit);
    }
}

input.on("input", function() {
    countCharacters(this);
});

input.on("blur", function() {
    countCharacters(this);

    });
});

Qualtrics.SurveyEngine.addOnReady(function()
{
    /*Place your JavaScript here to run when the page is fully displayed*/
jQuery("#"+this.questionId+" .InputText:eq(0)").on("cut copy paste",function(e) {
   e.preventDefault();
  });
});

Qualtrics.SurveyEngine.addOnUnload(function()
{

THANKS