MoonInput
MOONBIT NATIVE · OPEN SOURCE

让输入,
恰到好处。

分隔符自动就位,光标跟随编辑。
把手机号、金额、日期与编号的输入细节,交给一个可复用的引擎。

ONE ENGINE, EVERYDAY INPUTS

三个场景,直接上手

试试粘贴、选中替换,或把光标移到中间。
所有操作仅在本页运行。

01联系信息

号码更好读,也好改

输入或粘贴 11 位数字,自动按 3–4–4 分组。提交时保留纯数字。

仅约束位数与格式,不验证号码归属或可用性。

提交值—
02数量与金额

看得清,精度也留得住

千位分组、两位小数与负数输入。超出精度时提示,保留原来的值。

使用精确字符串传递金额;本示例不执行付款。

提交值—
03预约与登记

格式之外,日期也要成立

支持公历日期和自定义业务编号。未填完与日期无效,分别给出反馈。

编号为两位英文字母 + 四位数字,可附加 / 两位字母数字。

日期提交值—

YOUR RULES, SAME ENGINE

你的格式,你来定义

修改规则后应用,再输入一段内容。支持数字、字母和可选后缀。

#
数字
A
英文字母
*
字母或数字
X
可打印字符

原始值—

BUILT TO BE REUSED

接入你的 MoonBit 项目

纯 MoonBit 编辑核心 · JavaScript / Wasm GC · MIT 开源

moon add YeeHh2004/mooninput