javascript - 使用 YUI 3 格式化输入数据

Question

有没有办法使用 yui3 在输入中应用掩码？

是否可以有一个用户只能输入电话号码的字段？如果是这样，怎么办？

多谢

Answer 1

I would say that your best bet is to have an onChange or onKeyup (or even onValuechange - a YUI construct) handler listening on that input. Whenever it detected a change, you would run a formatting function on the current value of the input, which formatted it in the way you wanted.

if you want to be light-handed about it, just put the dashes in where they go, for example : "1105551212" --> "110-555-1212"

if you want to be heavy-handed about it, the event handler could literally strip out any non-numeric, or non-dash characters, which effectively prevents the user from entering bad input, though they could of course put in a non-existent phone number.

one step further: do both. strip out invalid characters, and do auto-formatting.