Skip to content

Enforce uppercase, lowercase, or Capitalized inputs & textareas

License

Notifications You must be signed in to change notification settings

westonganger/input-case-enforcer

Repository files navigation

input-case-enforcer

NPM Version NPM Downloads Buy Me a Coffee

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