15款JavaScript Input 输入文本格式化库

我们在开发中,会发现输入验证始终是一项麻烦的事情。输入格式化是一种以简单方式强制用户输入格式的方法。因此,这里有15个JavaScript库,用于将输入的内容自动格式化为自己需要的格式

Cleave.js

Cleave.js的目的很简单:帮助您自动设置输入文本内容的格式。通过格式化输入的数据来提高输入文本可读性。通过使用该库,你不需要再去写难懂的正则表达式来完成这麻烦的工作

cleave.js

 

Inputmask

Inputmask是一个JavaScript库,可创建输入格式化。 Inputmask可以针对原生javascript,jQuery和jqlite运行。内置了一些格式使用户方便输入。这对于输入日期,数字,电话号码时很有用

inputmask

 

Text Mask

text mask是一个输入掩码库。它可以为电话,日期,货币,邮政编码,百分比,电子邮件以及其他内容创建输入掩码!而且还有React,Angular 2,Ember和Vue的封装。

text mask

 

Intl Tel Input

一个用于输入和验证国际电话号码的JavaScript插件,对于国内开发者来说可能用处不大。

Intl Tel Input

 

Imaskjs

一款原生的js input掩码库,无依赖

imask

 

JQuery Mask Plugin

一个jQuery插件,用于在表单字段和HTML元素上创建掩码。

JQuery Mask Plugin

 

React Input Mask

React的输入掩码组件。比较注重UX体验。

React Input Mask

 

Input Masking

input-mask.js使您可以在需要任何格式的输入数据上创建掩码。

input-mask.js

 

Vanilla Masker

VanillaMasker是纯js输入掩码库。你无需加载jQuery或Zepto来使用。

Vanilla Masker

 

Vue The Mask

一款非常小的(<2kb gzipped)vue.js 输入掩码库。

vue-the-mask

 

Angular Input Masks

跟前一款一样,小而巧的angular输入掩码库

angular-input-masks

 

Superplaceholder.js

superplaceholder.js可以通过多个指令让你的输入框占位符变得不一样

superplaceholder.js

 

Rifm

一个React 输入格式化的小组件,可将任何输入数据转换为格式化或掩码的输入。支持号码,日期,电话,货币,信用卡等等

Rifm

 

Maskjs

Mask.js是一个简单的工具,可以简单的强制用户以自定义的格式输入。

mask.js

 

Jquery Maskmoney

这是一款以货币的格式限制输入的jQuery插件

jquery-maskmoney