input-case-enforcer

input-case-enforcer is a plugin for enforcing uppercase, lowercase, or Capitalized inputs & textareas.

Requires a DOM library such as jQuery, Zepto, or any that supports extending $.fn

Demo

https://jsfiddle.net/t4gdquqs/1/

Install

Yarn, NPM, or Bower

yarn add input-case-enforcer

npm install input-case-enforcer

bower install input-case-enforcer

<!-- Then include the dist files in your HTML -->
<link rel="stylesheet" type="text/css" href="input-case-enforcer/dist/input-case-enforcer.min.css" />
<style type="text/javascript" src="input-case-enforcer/dist/input-case-enforcer.min.js"></script>

Rails

# Gemfile 
source 'https://rails-assets.org' do
  gem 'rails-assets-input-case-enforcer'
end
 
# app/assets/javascripts/application.js 
//= require input-case-enforcer
 
# app/assets/javascripts/application.scss 
/*
 *= require input-case-enforcer
*/

Usage

$('input').caseEnforcer('uppercase');
 
$('input').caseEnforcer('lowercase');
 
// capitalize the first letter of every word
$('textarea').caseEnforcer('capitalize');
 
// Remove case enforcer from an input
$('input').caseEnforcer('destroy');

Credits

Created by Weston Ganger