LOWERCASE OR UPPERCASE FORMAT

Lowercase or Uppercase Format

Published October 2025

    •    Updated February 2026

Plugin details

Forces lowercase, or uppercase and/or remove numbers using a simpler version of cleave.js library forked from Nosir github, inspired by zeroqode.

*¹To enable the ID option in the Input Element, click "Expose the option to add an ID to HTML elements" in your app settings.

*²Unlike others, this does save in the database exactly as the input is displaying.

1. Place thIS element on the page.
2. Insert the ID Attribute*¹ of the Input element you want to format.
3. Choose the format type, or use Custom with force UPPERCASE, or lowercase.

Credits to github.com/nosir/cleave-zen

Free

For everyone

1.0 stars   •   1 ratings

25 installs  

This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Vitor Coelho

Joined 2022   •   7 Plugins

View contributor profile

Instructions

1. Place this element on the page.
2. Insert the ID Attribute*¹ of the Input element you want to format.
3. Choose the format type, or use Custom with force UPPERCASE, or lowercase.


*¹To enable the ID option in the Input Element, click "Expose the option to add an ID to HTML elements" in your app settings.

*²Unlike others, this does save in DB exactly as the input shows.

Types

This plugin can be found under the following types:

Element

Resources

Support contact

Tutorial

Rating and reviews

Average rating (1.0)

Errors

February 17th, 2026

WARNING: Error parsing plugin code for update (Input Format lowercase UPPERCASE). Please check  function(instance, properties, context) {     const { inputID, rawdefaultvalue } = properties;     $(document).ready(function () {         var optionSelected = properties.formatType;         var customArray = JSON.parse("[" + properties.customformat + "]");         var dateArray = properties.dateformat.split(",");         var delimitersArray = properties.delimiter.split("/,/");         if (properties.numericOnly) {             document.querySelector("#" + properties.inputID).addEventListener('input', function () {                 var inputValue = this.value;                 var filteredValue = inputValue.replace(/[^a-zA-Zа-яА-ЯёЁ\s]/g, '');                 this.value = filteredValue;             });         }         if (instance.data.cleave) {             instance.data.cleave.destroy();         }         switch (optionSelected) {             case "Date":                 instance.data.cleave = new Cleave(`#${inputID}`, {                     date: true,                     datePattern: dateArray,                     delimiters: delimitersArray,                     prefix: properties.prefix,                 });                 break;             case "Custom":                 instance.data.cleave = new Cleave(`#${inputID}`, {                     delimiters: delimitersArray,                     blocks: customArray,                     prefix: properties.prefix,                     uppercase: properties.uppercase,                     lowercase: properties.lowercase,                     numericOnly: false,                 });                 break;         }         if (rawdefaultvalue) {              instance.data.cleave.setRawValue(rawdefaultvalue);         };         $(`#${inputID}`).off("change").change(function () {]             const rawinput = instance.data.cleave.getRawValue();             instance.publishState('rawinput', rawinput);             var rawFloat = rawinput.replace(/[^\d.-]/g, '');             if (rawFloat) {                 instance.publishState('rawinputnumber', rawFloat);             } else {                 instance.publishState('rawinputnumber', null);             }         });     }); }