Create Remaining Field Character Counter.js

This script provides immediate feedback to users by displaying the remaining characters for a text field, which is especially useful for fields with a maximum length

Author: trimbakeshmadhan-109

Client-Side Components/Client Scripts/Remaining Field Character Counter.js

@@ -0,0 +1,27 @@
+function onChange(control, oldValue, newValue, isLoading, isTemplate) {
+    if (isLoading || newValue === '') {
+        return;
+    }
+    var fieldName = 'name';
+
+    var maxLength = g_form.getControl(fieldName).getAttribute('maxlength');
+    if (maxLength) {
+        
+        var remaining = maxLength - newValue.length;
+        var message = 'Remaining characters: ' + remaining;
+
+        // Clear previous messages to avoid duplication.
+        g_form.hideFieldMsg(fieldName);
+
+        if (remaining <= 10 && remaining >= 0) {
+            g_form.showFieldMsg(fieldName, message, 'warning');
+        } else if (remaining < 0) {
+            g_form.showFieldMsg(fieldName, 'Maximum characters exceeded!', 'error');
+        } else {
+            g_form.showFieldMsg(fieldName, message, 'info');
+        }
+    }
+
+
+
+}