如何为jQuery屏蔽输入插件创建一个允许字母数字、空格和重音字符的掩码

How to create a mask for jQuery Masked Input Plugin that allow alphanumeric, spaces and accented characters?

本文关键字：空格 数字 许字母 掩码 字符 一个 屏蔽 jQuery 输入 插件 创建      更新时间：2023-09-26

如何为jQuery屏蔽输入插件创建一个允许字母数字、空格和重音字符的掩码？

我有

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

但这不包括重音字符。

您可以遵循掩码来支持字母数字和空格。

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

$('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="">

通过这种方式，它可以完美地工作：

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

放置两个ZZ来解决字母跳跃错误是很重要的。

相关文章：