Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html jquery移动输入屏蔽不工作_Html_Jquery Mobile_Formatting_Jquery Mask - Fatal编程技术网

Html jquery移动输入屏蔽不工作

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插件用于屏蔽输

我试图使用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插件用于屏蔽输入的


我试着编辑你的小提琴,但没有显示结果。因此我创建了一个新的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 -->