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

  •        164

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

https://github.com/text-mask/text-mask#readme
https://github.com/text-mask/text-mask

Tags
Implementation
License
Platform

   




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).

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.

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.

rifm - React Input Format & Mask, tiny (≈800b) component to transform any input component into formatted or masked input

  •    Javascript

Is a tiny (≈ 800b) component to transform any input component into formatted or masked input.

politespace - Politely add spaces to numeric form values to increase readability (credit card numbers, phone numbers, etc)

  •    Javascript

Add data-politespace to your form’s input[type=text] (et al) or textarea and we’ll add spaces to the value when the user blurs off of it. We’ll also remove those spaces on focus. Use pattern="[0-9]*" for numeric keyboards on iOS.