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

实现如时间的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/

你可能感兴趣的:(jquery)