如何为jQuery Masked Input Plugin创建一个允许使用字母数字，空格和重音字符的掩码？

Question

如何为jQuery Masked Input Plugin创建一个允许使用字母数字，空格和重音字符的掩码？

我有

$.mask.definitions["A"] = "[a-zA-Z0-9 ]";
$("#input").mask("A?AAAAAAA");

但这不包括重音字符。

Answer 1

您可以跟踪遮罩以支持字母数字和空格。

jQuery('.alphanumeric-field').mask('Z',{translation:  {'Z': {pattern: /[a-zA-Z0-9 ]/, recursive: true}}});

Answer 2

$('input[data-mask="alfanumeric"]').inputmask({ regex: '^[A-Za-z0-9 ]*$' });
$('input[data-mask="alfanumeric1"]').inputmask({ regex: '^[áéíóúàèìòùA-Za-z0-9 ]*$' });
$('input[data-mask="alfanumeric2"]').inputmask({ regex: '^[áéíóúàèìòùÁÉÍÓÚÀÈÌÒÙA-Za-z0-9 ]*$' });
$('input[data-mask="alfanumeric3"]').inputmask({ regex: '^[\,\.\:\;áéíóúàèìòùÁÉÍÓÚÀÈÌÒÙA-Za-z0-9 ]*$' });

<input data-mask="alfanumeric" type="text" value="">
<input data-mask="alfanumeric1" type="text" value="">
<input data-mask="alfanumeric2" type="text" value="">
<input data-mask="alfanumeric3" type="text" value="">

Answer 3

通过这种方式，它完美地运作：

$('#input').mask('ZZ',{translation:  {'Z': {pattern: /[áéíóúñüàèa-zA-Z0-9\s]/, recursive: true}}});

让两个ZZ解决字母跳转错误非常重要。