jquery移动输入掩码无法正常工作

时间:2012-02-07 03:36:14

标签: html5 jquery-mobile formatting jquery-mask

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

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:1)

如果从digitalbush.com使用“jQuery的蒙面输入插件”,问题是移动设备的浏览器没有触发插件所依赖的keydown和/或keypress事件。使用Android 2.3设备上的内置浏览器并使用数字键盘输入无效。光标只位于输入框的开头并闪烁。