jQuery插件keyfilter实现过滤字母、数字或特殊字符等

分类:Javascript| 发布:camnprbubuol| 查看: | 发表时间:2011/4/26

使用表单输入字符时,有时候需要限制用户输入字符类型(数字,字母等),如价格只能是数字等,直接在用 户按键输入时进行控制,有利于增强用户休验,jQuery插件keyfilter可以实现过滤字母、数字或特殊字符等功能,可限定表单输入只允许键入数 字,字母(大小写)等,使用简单

 

使用说明
需要使用jQuery库文件keyfilter库文件

使用实例
一,包含文件部分

  1. <script type="text/javascript" src="jquery-1.3.1.min.js"></script>
  2. <script type="text/javascript" src="jquery.keyfilter.js"></script>

二,HTML部分

  1. <label><input type="text" class="mask-pint" /> - mask-pint</label>
  2. <label><input type="text" class="mask-int" /> - mask-int</label>
  3. <label><input type="text" class="mask-pnum" /> - mask-pnum</label>
  4. <label><input type="text" class="mask-num" /> - mask-num</label>
  5. <label><input type="text" class="mask-hex" /> - mask-hex</label>
  6. <label><input type="text" class="mask-email" /> - mask-email</label>
  7. <label><input type="text" class="mask-alpha" /> - mask-alpha</label>
  8. <label><input type="text" class="mask-alphanum" /> - mask alphanum</label>

直接使用相应过滤类名即可实现表单输入字符过滤功能,相关过滤规则如下

  1. mask-pint: /[\d]/
  2. mask-int: /[\d\-]/
  3. mask-pnum: /[\d\.]/
  4. mask-num: /[\d\-\.]/
  5. mask-hex: /[0-9a-f]/i
  6. mask-email: /[a-z0-9_\.\-@]/i
  7. mask-alpha: /[a-z_]/i
  8. mask-alphanum: /[a-z0-9_]/i

如果需要指定过滤,可书写自定义过滤语句,同时支持回调函数,如下实例

  1. $(’#by-re’).keyfilter(/[ABC]/i);
  2. $(’#by-f’).keyfilter(function(c) { return c != ’A’; });

如上实例使用jQuery插件keyfilter实现过滤字母、数字或特殊字符非常简单,如果是特定的键入过滤(如数字,字母),只需要指定指定对应的类名即可,值得推荐。

点我查看 jQuery插件keyfilter 在线演示
点我查看 Google Code keyfilter  文档/下载

365据说看到好文章不转的人,服务器容易宕机
原创文章如转载,请注明:转载自郑州网建-前端开发 http://camnpr.com/
本文链接:http://camnpr.com/archives/275.html