2012-02-07 66 views
2

我想用jquery mask插件屏蔽SSN输入,但是它似乎不能很好地与jquery mobile配合使用。代码是here。感谢任何帮助。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:

<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 --> 

回答

1

您不包括Javascript的jQuery插件来屏蔽输入。

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

+0

谢谢,我确实在我的代码中有它,忘了把它放在小提琴中。然而,我只是意识到我在全局调用掩码而不是pageshow,因此没有受到影响,因为JQM没有加载DOM树。 – Kiran 2012-02-07 15:32:52

1

如果使用“jQuery的蒙面输入插件”从digitalbush.com问题是移动设备的浏览器不触发该插件依赖于该keydown和/或按键事件。使用我的Android 2.3设备上的内置浏览器并使用数字键盘输入不起作用。光标位于输入框的开始位置并闪烁。