diff --git a/Client-Side Components/Catalog Client Script/Real time count of letters/Count letters.js b/Client-Side Components/Catalog Client Script/Real time count of letters/Count letters.js new file mode 100644 index 0000000000..71a6a70f0e --- /dev/null +++ b/Client-Side Components/Catalog Client Script/Real time count of letters/Count letters.js @@ -0,0 +1,26 @@ +function onChange(control, oldValue, newValue, isLoading) { + if (isLoading) { + return; + } + + var maxChars = 100;//count of charaters + var currentLength = newValue.length; + + // Clear previous messages + g_form.clearMessages(); + + // Show info message + g_form.addInfoMessage('Character count: ' + currentLength + ' / ' + maxChars); + + if (currentLength > maxChars) { + // Show error message + g_form.addErrorMessage('Character limit exceeded! Please shorten your text.'); + g_form.showFieldMsg('short_description', 'Too many characters!', 'error'); + + // Make field mandatory to block submission + g_form.setMandatory('short_description', true); + } else { + // Remove mandatory if valid + g_form.setMandatory('short_description', false); + } +} diff --git a/Client-Side Components/Catalog Client Script/Real time count of letters/readme.md b/Client-Side Components/Catalog Client Script/Real time count of letters/readme.md new file mode 100644 index 0000000000..668903071b --- /dev/null +++ b/Client-Side Components/Catalog Client Script/Real time count of letters/readme.md @@ -0,0 +1 @@ +This onChange Catalog Client Script displays the current character count for a text field and enforces a maximum limit by showing error messages and making the field mandatory to prevent form submission when exceeded.