Html jquery移动输入屏蔽不工作
我试图使用jquerymask插件屏蔽SSN输入,但是它似乎不能很好地与jquerymobile配合使用。代码是。谢谢你的帮助 如果这不起作用,有什么替代方案 还复制了以下代码以供参考: 脚本:Html jquery移动输入屏蔽不工作,html,jquery-mobile,formatting,jquery-mask,Html,Jquery Mobile,Formatting,Jquery Mask,我试图使用jquerymask插件屏蔽SSN输入,但是它似乎不能很好地与jquerymobile配合使用。代码是。谢谢你的帮助 如果这不起作用,有什么替代方案 还复制了以下代码以供参考: 脚本: 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: 我的测试 SSN: 您没有包括jQuery插件用于屏蔽输
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:
我的测试
SSN:
您没有包括jQuery插件用于屏蔽输入的
我试着编辑你的小提琴,但没有显示结果。因此我创建了一个新的fiddle:如果使用digitalbush.com上的“jQuery屏蔽输入插件”,问题是移动设备的浏览器没有触发插件所依赖的按键和/或按键事件。在我的Android 2.3设备上使用内置浏览器并用数字键盘打字没有效果。光标刚好位于输入框的开头并闪烁。谢谢,我的代码中确实有它,但忘了把它放在小提琴上。然而,我刚刚意识到我是在全局调用掩码而不是pageshow,因此没有生效,因为DOM树不是由JQM加载的。
<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 -->