Giter Club home page Giter Club logo

input-case-enforcer's Introduction

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

input-case-enforcer's People

Contributors

westonganger avatar

Stargazers

avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar

Forkers

priestd09 m0chael

input-case-enforcer's Issues

Except placeholders

Hi,

Could you help to except the enforcer for placeholders, letting the rules only to the input values?

Thanks!

Destroy method is not working

Hello bro!

First of all I wanna thank your for this code, it's really helping me. =]

The problem is that I have into my project the rule to put every inputs text and textarea to uppercase, except a textarea that has a specific class.

So I made this trying to solve that point:

$(':input[type=text], textarea').caseEnforcer('uppercase');
$('textarea.specificclass').caseEnforcer('destroy');

But the textarea elements with this class still remain uppercased.

Do you know how it could be solved?

Thanks bro!

Javascript vanilla

will there be any possibility to do it in javascript without jquery?
i love this package

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.