Adding word counter using javascript

By: Nikita Dobaria | Asked: 10/22/2022
ForumsCategory: Code HelpAdding word counter using javascript
Nikita Dobaria asked 1 year ago
Hi, I want to add word counter below text area. For this I got javascript on formidable forms knowledge-base. Below is the link and code. Link - https://formidableforms.com/knowledgebase/javascript-examples/#kb-add-a-word-counter Code - jQuery(document).ready(function($){
$('#field_r1mqrw').keyup(function(){
var s = this.value;
s = s.replace(/(^s*)|(s*$)/gi,"");
s = s.replace(/[ ]{2,}/gi," ");
s = s.replace(/n /,"n");
document.getElementById("frm_field_400_container").innerHTML = (s.split(' ').length) + ' words';
});
}); Above code is only able to count words when written in continuation giving spaces, but it is not able to count numbers when each word starts with a new line. Can someone provide JavaScript code for word counter for count words starting from the new line. Please Note - I do not have coding knowledge. Thanks
1 Answers
Rob LeVineRob LeVine answered 1 year ago
It appears that code sample doesn't handle newlines, even though it looks like it tries to. Try the following, replacing the field KEY associated with the keyup function (after "#field_") and the field ID in the innerHTML statement (after "frm_field_") String.prototype.countWords = function(){ return this.split(/\s+\b/).length; } jQuery(document).ready(function($){ $('#field_typehereparagraph').keyup(function(){ var s = this.value; var numWords = s.countWords(); document.getElementById("frm_field_438_container").innerHTML = numWords + ' words'; }); });
Rob LeVineRob LeVine replied 1 year ago

Sorry for the formatting, but I have yet to figure out how to correctly use the "code" blocks in these answers. Every once in a while I accidentally get it right.

Bobby Clapp replied 1 year ago

https://paste2.org, then paste the link created. It's ugly here.

Rob LeVineRob LeVine replied 1 year ago

Good point! I forget about that option approximately 100% of the time.

Rob LeVineRob LeVine replied 1 year ago

Here is nicely formatted code - https://paste2.org/1WgX9nWc

Making the Best WordPress Plugin even better - Together

Take on bigger projects with confidence knowing you have access to an entire community of Formidable Experts and Professionals who have your back when the going gets tough. You got this!
Join the community
crossarrow-right