jQuery实现银行卡4位数分堆特效

作者:林炜贤来源:www.163css.com发表时间:(2013-06-20)

 今天我们来介绍一个例子,跟银行卡有关,比如说我输入16位的银行卡,那么输完后,会自动显示成4位加“-”或4位加空格这样的格式,百度上也有代码,但我觉得过于复杂,因此写了一个简单易用的。

这里,要注意用到了blur,就是你输完了,点击下就执行,substring的用法,大家百度下,我是用它来取四个数字的,然后再拼在一起形成一个新的字符,再重新付值。

这里得注意下,我用了一个正则,是将“-”替换掉的,如果不写,当你要修改文本框的时候,就会出现再加一个“-”,这里,大家需要注意。

当然了,如果你要对其它的分堆,比如身份证之类的,你可以改改上面的代码,就可以做做出来了。

以下是我制作的效果截图:

以下我提供源文件,欢迎有需要的朋友下载使用:

预览地址:http://www.163css.com/hihilinxuan/cssjs/2013/06/bank4/index.html

下载地址:jQuery实现银行卡4位数分堆特效.zip

返回作者主页:www.163css.com阅读 (4126)
更多 1