text-mask - Input mask for React, Angular, Ember, Vue, & plain JavaScript

  •        940

Conforms string to given mask or pattern, and can be hooked up to input element




Related Projects

react-native-masked-text - A simple masked text and input text component for React-Native.

  •    Javascript

This is a simple masked text (normal text and input text) component for React-Native. credit-card: use the mask 9999 9999 9999 9999. It accepts options (see later in this doc). cpf: use the mask 999.999.999-99 and numeric keyboard. cnpj: use the mask 99.999.999/9999-99 and numeric keyboard. zip-code: use the mask 99999-999 and numeric keyboard. only-numbers: accept only numbers on field with numeric keyboard. money: use the mask R$ 0,00 on the field with numeric keyboard. It accepts options (see later in this doc). cel-phone: use the mask (99) 9999-9999 or (99) 99999-9999 (changing automaticaly by length). It accepts options (see later in this doc). datetime: use datetime mask with moment format (default DD/MM/YYYY HH:mm:ss). It accepts options (see later in this doc). custom: use your custom mask (see the options props later in this doc).

cleave.js - Format input text content when you are typing...

  •    Javascript

Cleave.js has a simple purpose: to help you format input text content automatically. The idea is to provide an easy way to increase input field readability by formatting your typed data. By using this library, you won't need to write any mind-blowing regular expressions or mask patterns to format input text.

ui-mask - Mask on an input field so the user can only type pre-determined pattern

  •    Javascript

Apply a mask on an input field so the user can only type pre-determined pattern.You can customize several behaviors of ui-mask by taking advantage of the ui-options object. Declare ui-options as an additional attribute on the same element where you declare ui-mask.

Inputmask - Input Mask plugin

  •    Javascript

Inputmask is a javascript library which creates an input mask. Inputmask can run against vanilla javascript, jQuery and jqlite. An inputmask helps the user with the input by ensuring a predefined format. This can be useful for dates, numerics, phone numbers, ...

v-mask - 🔡 Tiny input mask library for Vue.js (directive)

  •    Javascript

This version requires Vue 2.X. If you are looking for Vue 1.X, check it here. Notice: v-model is required starting from v1.1.0, because a lot of bugs with HTMLElement event listeners and sync with Vue internals.

vue-the-mask - Tiny (<2k gzipped) and dependency free mask input for Vue.js

  •    Javascript

Tiny (<2k gzipped) and dependency free mask input for Vue.js

autoNumeric - autoNumeric is a standalone library that provides live as-you-type formatting for international numbers and currencies

  •    Javascript

autoNumeric is a standalone Javascript library that provides live as-you-type formatting for international numbers and currencies.The latest stable branch is always on master. Currently this is version 4.*. if you want to live dangerously, you can check out the latest development version in the next branch. For older stable versions, please take a look here. Alternatively, you can use our guide for upgrading from version 1.9/2 to version 4. Moreover, you can take a look at what could be the next features coming to autoNumeric on our project page (feel free to participate!).

vue-masked-input - Masked input component for Vue.js

  •    Javascript

Dead simple masked input component for Vue.js 2.X. Based on inputmask-core.

react-number-format - React component to format numbers in an input or as a text.

  •    Javascript

In typescript you also have to enable "esModuleInterop": true in your tsconfig.json (https://www.typescriptlang.org/docs/handbook/compiler-options.html). Other than this it accepts all the props which can be given to a input or span based on displayType you selected.

react-input-enhancements - Set of enhancements for input control

  •    Javascript

The intention of creating this library was to bring input component out of the dropdown/autocomplete/whatever code, so it could be easily replaced with your custom component, and also to split independent functionality into different components, which could be combined with each other (still not quite sure it was worth it, though). NB: these are not "high quality, ready for production components" - they are more of a concept (which is a fancy word for "they are still quite buggy"). Think twice before using it in production.

Jimp - An image processing library written entirely in JavaScript for Node

  •    Javascript

An image processing library for Node written entirely in JavaScript, with zero native dependencies. It supports image manipulation methods like Blit an image, Blur an image, Various color manipulation methods, Resize, Scale and Rotate the image, Apply a dither effect to an image, Mask one image with another, Print text onto an image (watermark) and lot more.

imaskjs - vanilla javascript input mask

  •    Javascript

vanilla javascript input mask

PDFSharp - Create and process PDF in .NET

  •    CSharp

PDFsharp is the Open Source .NET library that easily creates and processes PDF documents on the fly from any .NET language. The same drawing routines can be used to create PDF documents, draw on the screen, or send output to any printer. Neither Adobe's PDF Library nor Acrobat are required.

LRSmartTextField - UITextField with floating label, validation and input mask

  •    Objective-C

A subclass of UITextField that supports float label, validation, inputmask, and IB_DESIGNABLE (Xcode 6). The expectation is that our text field can offer great functionality, while keeping the original design.

input-masking - Framework agnostic accessible input masking library

  •    HTML

input-mask.js enables you to include a mask on any input where a specific data entry format is required. The placeholder text remains in place, displaying which characters still need to be included. The placeholder is CSS styleable. The user can enter letters and numbers. All other characters, like spaces, dashes, and parenthesis are automatically added by the script, making data entery easier when using dynamic keypads.

json-mask - Tiny language and engine for selecting specific parts of a JS object, hiding the rest.

  •    Javascript

This is a tiny language and an engine for selecting specific parts of a JS object, hiding/masking the rest.The main difference between JSONPath / JSONSelect and this engine is that JSON Mask preserves the structure of the original input object. Instead of returning an array of selected sub-elements (e.g. [{a: 1}, {z: 1}] from example above), it filters-out the parts of the object that you don't need, keeping the structure unchanged: {p: {a: 1}, z: 1}.

edittext-mask - The custom masks for EditText

  •    Java

So it allows you to use masks for phones, urls, etc. MaskedEditText is a simple Android EditText with customizable input mask support.

AKMaskField - Swift plugin which allow add mask to input field

  •    Swift

AKMaskField is UITextField subclass which allows enter data in the fixed quantity and in the certain format (credit cards, telephone numbers, dates, etc.). You only need setup mask and mask template visible for user. Make sure CocoaPods is installed.

We have large collection of open source products. Follow the tags from Tag Cloud >>

Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.