entropia
10/4/2017 - 11:33 AM

Char Counter

Char counter for inputs / text areas. Adds a

element under the given input that counts the chars left.

var charCounter = (whereToAttach, textFieldId, maxChar, minChar) => {
	jQuery(textFieldId).attr('maxlength',maxChar).attr('minlength',minChar);
	jQuery(whereToAttach).append('<p class="char-count"></p>');
	var textHolder = whereToAttach+' .char-count'
	jQuery(whereToAttach).keyup( () => {
		var max = maxChar;
		var min = minChar;
		var len = jQuery(textFieldId).val().length;
		var incompleteTxt = jQuery(textFieldId).val();
			if( len < min) {
				jQuery(textHolder).html('<p class="pink-text">Δεν έχετε συμπληρώσει το επιτρεπτό όριο χαρακτήρων. Παρακαλούμε συνεχίστε να γράφετε</p>');
				//jQuery('your_selector').toggleClass('hidden'); use this to hide the submit btn
			}
			else if (len >= max) {
				jQuery(textHolder).html('<p class="pink-text">Έχετε ξεπεράσει το επιτρεπτό όριο χαρακτήρων</p>');
				//jQuery('your_selector').toggleClass('hidden'); use this to hide the submit btn
		
				}
			else {
				var count = max-len;
				jQuery(textHolder).html('Απομένουν <b>'+count+'</b> χαρακτήρες απο '+max);
			}
	});
}