jQuery 屏蔽输入错误
好的,我正在使用 DigitalBush 的 jQuery 屏蔽输入插件版本 1.2.2。
当将诸如以下的蒙版应用
$(".phone").mask("(999)-999-9999");
$(".zip").mask("99999?-9999");
到文本框时,我遇到了一些奇怪的行为。
基本上,掩码会跳过所有其他空格,因此对于电话号码,我会收到如下所示的文本:
(_3_)-3_3-4_4_
还有其他人有类似的问题吗?
这是文本框 html 的示例:
<input id="myZip" class="zip" type="text" maxlength="10"/>
编辑:
好的...我在 jQuery 1.4.3 和 1.4.4 上遇到问题(都尝试过),并且我已经在 IE8 和 FireFox 中对此进行了测试。
但我注意到,这个问题仅在相关文本框位于 jQuery-UI 模式对话框内时才会出现(其他文本框工作正常)...我正在使用 jQuery-UI 1.8.2,并且还使用 1.8.7 进行了测试和 1.8.8....我不知道这是否能让任何人帮助我解决这个问题...
这是我如何设置一切的: http://jsfiddle.net/H3hTh/
Ok I am using the jQuery masked input plugin version 1.2.2 from DigitalBush.
When applying masks such as:
$(".phone").mask("(999)-999-9999");
$(".zip").mask("99999?-9999");
to text boxes I am getting some strange behavior.
Basically the mask will skip every other space so for a Phone number I will get text that looks like this:
(_3_)-3_3-4_4_
Has anyone else had a similar issue??
here is a sample of the textbox html:
<input id="myZip" class="zip" type="text" maxlength="10"/>
EDIT:
Ok...I am having the issue with jQuery 1.4.3 and 1.4.4(tried both) and i have tested this in IE8 and FireFox.
What I noticed though is this problem only occurs when the textbox in question resides inside of a jQuery-UI modal dialog(other text boxes work fine)...I am using jQuery-UI 1.8.2 and have also tested with 1.8.7 and 1.8.8....I don't know if that will enable anyone to help me solve this or not...
here is how i have everything set up: http://jsfiddle.net/H3hTh/
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
好的,伙计们,我找到了这个问题的答案。我现在认为我的问题与 jQuery-UI 对话框无关,但可能发生在其他情况下。
解决办法是注意敷面膜的时间。我正在将蒙版应用到准备好的文档上,当在对话框中调用“打开”功能时,有些东西弄乱了蒙版。
我的解决方案是在模式对话框的打开事件上应用掩码。现在一切都很好。
一般来说,您只需要注意何时将遮罩应用于文本框以避免干扰。
Ok guys, I found an answer to this. I am now thinking that my problem isnt specifically related to jQuery-UI dialogs, but can happen in other cases.
The solution is to be mindful about when the mask is applied. I was applying my masks on document ready and when the "open" function was called on the dialog, something was messing up the masks.
My solution was to apply the mask on the open event of the modal dialog. Everything works great now.
In general, you just need to be careful about when the masks are applied to the text boxes to avoid interference.
我们在使用 1.2.2 版本时也发现了这个错误,它似乎在 1.3 版本中得到了修复。
We found this bug while using version 1.2.2 as well, it seems to be fixed in version 1.3.