jquery移动输入屏蔽不起作用答案

【问题标题】：jquery mobile input masking not workingjquery移动输入屏蔽不起作用
【发布时间】：2012-02-07 03:36:13
【问题描述】：

我正在尝试使用 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 -->

【问题讨论】：

标签： html jquery-mobile formatting jquery-mask

【解决方案1】：

您没有为 jQuery 插件添加 Javascript 来屏蔽输入。

我尝试编辑您的小提琴，但没有显示结果。所以我创建了一个新的小提琴：http://jsfiddle.net/7MhAU/

【讨论】：

谢谢，我的代码中确实有它，但忘了把它放在小提琴中。但是，我刚刚意识到我是在全局调用掩码而不是 pageshow，因此由于 JQM 没有加载 DOM 树，因此没有生效。

【解决方案2】：

如果使用来自 digitalbush.com 的“Masked Input plugin for jQuery”，问题是移动设备的浏览器没有触发插件所依赖的 keydown 和/或 keypress 事件。在我的 Android 2.3 设备上使用内置浏览器并使用数字键盘打字没有任何效果。光标刚好位于输入框的开头并闪烁。

【讨论】：