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

为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/

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

转载于:https://www.cnblogs.com/lovablebox/archive/2010/10/19/1855728.html