javascript - jQuery Mask 不允许递归输入

Question

我需要使用 jQuery Mask Plugin ( http://igorescobar.github.io/jQuery-Mask-Plugin/ ) 屏蔽表单字段以仅允许 facebook 页面 url。我正在使用的当前代码是这样的:

$('input.facebook').mask('https://facebook.com/R', {translation:  {'R': {pattern: /[\S]/},recursive: true}, maxlength: false});

这几乎可以工作，但是当我需要能够输入任意数量的字符时，我只能在“...k.com/”之后输入一个字符。

知道我做错了什么吗？

Answer 1

看起来递归选项在不正确的位置，它应该是模式的兄弟。

http://jsfiddle.net/WXnh8/3/

$(document).ready(function() {
  $('input.facebook').mask('https://facebook.com/ZZ', {
    translation: {
      'Z': { pattern: /\S/, optional: true, recursive: true}
    },
    maxlength: false
  });
});

我们在匹配器中使用 ZZ 而不是仅使用 Z，因为递归意味着重复掩码固有的任何静态字符，因此出于某种原因，如果只有一个匹配字符，它会重复它之前的静态字符。