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);
}
});
}