适用于多种格式的 jQuery zip 屏蔽

发布于 2024-09-06 13:46:44 字数 444 浏览 10 评论 0 原文

我需要屏蔽 zip 字段，以便它允许经典的 5 位 zip (XXXXX) 或 5 + 4 格式 (XXXXX-XXXX)。

我可以这样做：

$('#myZipField').mask("?99999-9999");

但复杂的是，如果用户只输入 5 位数字，则不应该显示破折号。

这是迄今为止我想出的最好的方法 - 我可以将其扩展为在插入第 6 位数字时自动插入破折号，但这样做的问题是删除时的有趣行为（我可以阻止他们删除破折号，但它会修补补丁等等，这变成了一场噩梦）：

$.mask.definitions['~']='[-]';
$("#myZipField").mask("?99999~9999", {placeholder:""});

是否有任何开箱即用的方法可以做到这一点，或者我必须自己推出？

原文

I have a requirements for masking a zip field so that it allows the classic 5 digits zip (XXXXX) or 5 + 4 format (XXXXX-XXXX).

I could so something like:

$('#myZipField').mask("?99999-9999");

but the complication comes from the fact that dash should not be showing if the user puts in only 5 digits.

This is the best I came up with so far - I could extend it to auto-insert the dash when they insert the 6th digit but the problem with this would be funny behavior on deletion (I could stop them from deleting the dash but it would patching the patch and so forth, it becomes a nightmare):

$.mask.definitions['~']='[-]';
$("#myZipField").mask("?99999~9999", {placeholder:""});

Is there any out of the box way of doing this or do I have to roll my own?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

谁与争疯 2024-09-13 13:46:45

这个邮政编码实际上很简单，但是当您要处理更复杂的格式时，以下是使用插件解决它的方法（来自演示页面）：

var options =  {onKeyPress: function(cep, e, field, options){
  var masks = ['00000-000', '0-00-00-00'];
    mask = (cep.length>7) ? masks[1] : masks[0];
  $('.crazy_cep').mask(mask, options);
}};

$('.crazy_cep').mask('00000-000', options);

This zip code is actually simple, but when you have a more complex format to handle, here is how it's solved with the plugin (from the demo page):

var options =  {onKeyPress: function(cep, e, field, options){
  var masks = ['00000-000', '0-00-00-00'];
    mask = (cep.length>7) ? masks[1] : masks[0];
  $('.crazy_cep').mask(mask, options);
}};

$('.crazy_cep').mask('00000-000', options);

回复收藏 0 原文