lovablebox

学点东西...

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

实现如时间的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://digitalbush.com/projects/masked-input-plugin/

posted on 2010-10-19 17:56  lovablebox  阅读(637)  评论(0编辑  收藏  举报