为jquery.maskinput添加上正则的功能

jquery是一个好东西，多好我就不说了，反正我很很很喜欢。最近需要用到mask的功能，在网上找到了一个inputmask的扩展，这个扩展蛮不错，但有一点不好，我希望实现如时间的mask功能，只允许用户输入24:59以下的。又或者我希望实现输入日期yyyy-MM-dd这样的式，inputmask就无能为力了。
开源的东西就是好，你可以自由地去修改它们，如果是microsoft的东东，恐怕你就只有等待ms的补丁了。查看了inputmask的源码，代码很简单，我只修改了两个地方。第一个就是在配置参数setting中增加一个pattern的参数作为扩展，如果用户配置了这个参数，当onblur的时候，会校验这个用户提供的正则。
第二是在onblur的时候，加上一个校验，代码如下：

 if (settings.pattern) {
     var reg = new RegExp(settings.pattern);
     if (!reg.test(value)) {
         input.val(focusText);
         return;
     }
 }

调用：

  $(document).ready(function() {
 $("#test").mask("99:99",
 {
 pattern: "^(([0-1]*[0-9])|(2[0-3])):[0-5][0-9]"
 });
 });

通过这个正则，用户就只能输入00:00 - 23:59这样的数据了，当然，我们还可以使用正则实现只允许输入身份证号码，电话号码，手机号码，日期等格式。

　　

注意：本文为我的独立博客镜像博客，自发表不再更新，原文可能随时被更新，敬请访问原文。同时，请大家不要在此评论，如果有什么看法，请点击这里：http://iove.net/1705/

本文来自http://iove.net，欢迎转载，转载敬请保留相关链接，否则视为侵权，原文链接：http://iove.net/1705/