JSFiddle - React, Tailwind, and code Playground

by Ismail Ibraheem Shurrab

HTML

<textarea placeholder="ماذا تود ان تكتب عن الثورة السورية " rows="5" id="post" name="msg" class="form-control" ></textarea>

JavaScript

var lengthText=0;
 
counter = function()
	{
		var value = $('#post').val();
		 
		if ((value.length == 0))
		{
			$('#wordCount').html(0); 
			return;
		}
		var regex = /\s+/gi;
		var wordCount = value.trim().replace(regex, ' ').split(' ').length; 
		
		if (wordCount <= 4)
		{ 
 			$('#wordCount').html(wordCount);
			$("#result").html();
            lengthText=value.trim().length;
 		}
		else
		{ 
             var res = value.substring(0, lengthText);
             $('#post').val(res);

            
			 var err = "<p class='text-danger'> لقد تجاوزت الحد المسموح به للكتابة (2000 كلمة) </p>"; 	
			 $("#result").html(err);
		}
	};
	
	$(document).ready(function()
	{ 
	//	$('#post').change(counter);
	//	$('#post').keydown(counter);
	//	$('#post').keypress(counter);
		$('#post').keyup(counter);
		//$('#post').blur(counter);
		//$('#post').focus(counter);
	});