我正在尝试使用jquery掩码插件来屏蔽SSN输入,但是它似乎与jquery mobile不能很好地兼容。代码是here。感谢任何帮助。
如果这不起作用,有哪些替代方案?
还复制了以下参考代码:
脚本:
jquery.mobile-1.0.1.min.css
jquery-1.6.4.min.js
jquery.mobile-1.0.1.min.js
$("#ssnprimary").mask("999-99-9999");
HTML:
<div data-role="page" id="mainpage">
<div data-role="header">
<h1> My Test </h1>
</div><!-- /header -->
<div data-role="content">
<div class="content-primary">
<form id="fmain" data-ajax="false">
<!-- Primary SSN -->
<div data-role="none">
<label for="ssnprimary">SSN:</label>
<input type="tel" name="ssnprimary" id="ssnprimary" value="" />
</div>
</form>
<br />
</div><!-- /content -->
</div><!-- /content -->
<div data-role="footer"
data-theme="d"></div><!-- /footer -->
</div><!-- /page one -->
答案 0 :(得分:1)
您没有为jQuery插件添加Javascript来屏蔽输入。
我尝试编辑你的小提琴,但它没有显示结果。所以我创造了一个新的小提琴:http://jsfiddle.net/7MhAU/
答案 1 :(得分:1)
如果从digitalbush.com使用“jQuery的蒙面输入插件”,问题是移动设备的浏览器没有触发插件所依赖的keydown和/或keypress事件。使用Android 2.3设备上的内置浏览器并使用数字键盘输入无效。光标只位于输入框的开头并闪烁。