jQuery插件keyfilter实现过滤字母、数字或特殊字符等
分类:Javascript| 发布:camnprbubuol| 查看: | 发表时间:2011/4/26
使用表单输入字符时,有时候需要限制用户输入字符类型(数字,字母等),如价格只能是数字等,直接在用 户按键输入时进行控制,有利于增强用户休验,jQuery插件keyfilter可以实现过滤字母、数字或特殊字符等功能,可限定表单输入只允许键入数 字,字母(大小写)等,使用简单
使用说明
需要使用jQuery库文件和keyfilter库文件
使用实例
一,包含文件部分
- <script type="text/javascript" src="jquery-1.3.1.min.js"></script>
- <script type="text/javascript" src="jquery.keyfilter.js"></script>
二,HTML部分
- <label><input type="text" class="mask-pint" /> - mask-pint</label>
- <label><input type="text" class="mask-int" /> - mask-int</label>
- <label><input type="text" class="mask-pnum" /> - mask-pnum</label>
- <label><input type="text" class="mask-num" /> - mask-num</label>
- <label><input type="text" class="mask-hex" /> - mask-hex</label>
- <label><input type="text" class="mask-email" /> - mask-email</label>
- <label><input type="text" class="mask-alpha" /> - mask-alpha</label>
- <label><input type="text" class="mask-alphanum" /> - mask alphanum</label>
直接使用相应过滤类名即可实现表单输入字符过滤功能,相关过滤规则如下
- mask-pint: /[\d]/
- mask-int: /[\d\-]/
- mask-pnum: /[\d\.]/
- mask-num: /[\d\-\.]/
- mask-hex: /[0-9a-f]/i
- mask-email: /[a-z0-9_\.\-@]/i
- mask-alpha: /[a-z_]/i
- mask-alphanum: /[a-z0-9_]/i
如果需要指定过滤,可书写自定义过滤语句,同时支持回调函数,如下实例
- $(’#by-re’).keyfilter(/[ABC]/i);
- $(’#by-f’).keyfilter(function(c) { return c != ’A’; });
如上实例使用jQuery插件keyfilter实现过滤字母、数字或特殊字符非常简单,如果是特定的键入过滤(如数字,字母),只需要指定指定对应的类名即可,值得推荐。
点我查看 jQuery插件keyfilter 在线演示
点我查看 Google Code keyfilter 文档/下载