Conforms string to given mask or pattern, and can be hooked up to input element
https://github.com/text-mask/text-mask#readmeTags | input-mask inputmask text-formatting react angular vue ember text-mask string-mask input-formatting string-formatting angular2 angular-component |
Implementation | Javascript |
License | Public |
Platform | OS-Independent |
Text input mask for React Native on iOS and Android. For Android it just works.
mask maskedtextfield maskededittext maskedinput react-native mask-android mask-ios android input-mask inputmask react native text-input iosThis 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).
react-native mask input text textinput custom moneyCleave.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.
input credit-card input-mask creditcard telephone-number cleave html format form mask formatter filter vanilla reactApply 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.
angular angular-ui maskInputmask 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, ...
inputmask maskedinput vanilla-javascript jquery-plugin jqlite form input mask pluginsThis 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 input-mask vue2 mask-lib vue.js vue-maskTiny (<2k gzipped) and dependency free mask input for Vue.js
vue maskautoNumeric 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!).
autonumeric javascript-library maskedinput inputmask currency money monetary euro dollar pound number numeric format form input mask as-you-type live jquery jquery-pluginDead simple masked input component for Vue.js 2.X. Based on inputmask-core.
vue inputmask ui-components mask masked inputIn 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-component react currency input number number-format maskThe 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.
react input autosize autocomplete dropdown datepicker input-mask autosuggest typeahead reactjs mask comboboxAn 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.
image image-processing image-manipulation png jpg jpeg bmp resize scale crop image-analysis rotatePDFsharp 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.
text-extraction pdf pdf-library pdf-library-dotnetA 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-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.
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}.
mask filter select fields projection query jsonSo it allows you to use masks for phones, urls, etc. MaskedEditText is a simple Android EditText with customizable input mask support.
mask edittext maskededittext android-library android-sdk android social-security phone-number phone-formatAKMaskField 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.