Maska 是一个简单的零依赖输入掩码库

发布日期:作者:

Maska is a Simple Zero-dependency Input Mask Library image

Maska 是一个简单的、零依赖的输入掩码,适用于 JS、Vue、Svelete 和 Alpine.js。假设您想掩盖电话号码格式;您可以使用以下 HTML 代码根据 +1 ### ###-#### 格式来格式化电话号码。

<details>
<summary>Phone mask</summary>
<input class="maska" data-maska="+1 ### ###-####" placeholder="+1 999 999-99-99">
</details>

当用户输入电话号码时,它将遵循掩码格式并强制执行提供的格式。

Example phone mask using Maska
使用 Maska 的电话号码掩码示例

Maska 对流行的 JavaScript 库进行了集成,并且它也很容易独立使用或与您喜欢的任何框架集成。

  • 没有依赖项,体积小:压缩后约 3 Kb
  • 原生 JS 版本 + Vue 2/3、Alpine.js 和 Svelte 集成
  • 适用于原生和自定义输入
  • 带有修饰符、转换函数和钩子的自定义令牌
  • 数字掩码模式:轻松的货币格式
  • 动态、反向和抢先掩码

要开始使用 Maska,请查看 官方文档;源代码也已在 GitHub 上发布,地址为 beholdr/maska

Paul Redmond photo

Laravel 新闻的专栏作家。全栈 Web 开发人员和作者。

分类于
Cube

Laravel 新闻通讯

加入 40,000 多名其他开发者,绝不错过新的技巧、教程等。

Laravel Forge logo

Laravel Forge

轻松创建和管理您的服务器,并在几秒钟内部署您的 Laravel 应用程序。

Laravel Forge
Tinkerwell logo

Tinkerwell

Laravel 开发人员必备的代码运行器。使用 AI、自动完成和对本地和生产环境的即时反馈进行调试。

Tinkerwell
No Compromises logo

No Compromises

Joel 和 Aaron,来自 No Compromises 播客的两名经验丰富的开发者,现在可以为您的 Laravel 项目提供服务。 ⬧ 固定价格 7500 美元/月。 ⬧ 没有冗长的销售流程。 ⬧ 没有合同。 ⬧ 100% 退款保证。

No Compromises
Kirschbaum logo

Kirschbaum

提供创新和稳定性,确保您的 Web 应用程序取得成功。

Kirschbaum
Shift logo

Shift

运行旧版本的 Laravel?立即执行自动化的 Laravel 升级和代码现代化,使您的应用程序保持新鲜。

Shift
Bacancy logo

Bacancy

为您的项目配备经验丰富的 Laravel 开发人员,具有 4-6 年的经验,每月只需 2500 美元。获得 160 小时的专业服务和 15 天的无风险试用。立即预约通话!

Bacancy
Lucky Media logo

Lucky Media

立即获得 Lucky - Laravel 开发的理想选择,拥有十多年的经验!

Lucky Media
Lunar: Laravel E-Commerce logo

Lunar: Laravel 电子商务

Laravel 电子商务。一个开源软件包,将现代无头电子商务功能的强大功能带入 Laravel。

Lunar: Laravel 电子商务
LaraJobs logo

LaraJobs

官方 Laravel 招聘网站

LaraJobs
SaaSykit: Laravel SaaS Starter Kit logo

SaaSykit: Laravel SaaS 启动工具包

SaaSykit 是一个 Laravel SaaS 启动工具包,它包含运行现代 SaaS 所需的所有功能。支付、漂亮的结账、管理面板、用户仪表板、身份验证、现成的组件、统计、博客、文档等等。

SaaSykit: Laravel SaaS 启动工具包
Rector logo

Rector

您的合作伙伴,助您实现无缝的 Laravel 升级,降低成本,加快创新,为成功的企业服务。

Rector
MongoDB logo

MongoDB

通过 MongoDB 和 Laravel 的强大集成增强您的 PHP 应用程序,使开发人员能够轻松高效地构建应用程序。支持事务、搜索、分析和移动用例,同时使用熟悉的 Eloquent API。探索 MongoDB 如何灵活的现代数据库可以改变您的 Laravel 应用程序。

MongoDB
Maska is a Simple Zero-dependency Input Mask Library image

Maska 是一个简单的零依赖输入掩码库

阅读文章
Add Swagger UI to Your Laravel Application image

在您的 Laravel 应用程序中添加 Swagger UI

阅读文章
Assert the Exact JSON Structure of a Response in Laravel 11.19 image

在 Laravel 11.19 中断言响应的精确 JSON 结构

阅读文章
Build SSH Apps with PHP and Laravel Prompts image

使用 PHP 和 Laravel Prompts 构建 SSH 应用程序

阅读文章
Building fast, fuzzy site search with Laravel and Typesense image

使用 Laravel 和 Typesense 构建快速模糊网站搜索

阅读文章
Add Comments to your Laravel Application with the Commenter Package image

使用 Commenter 软件包在您的 Laravel 应用程序中添加评论

阅读文章