jQuery的手机输入掩码不工作 [英] jquery mobile input masking not working

问题描述

我试图用jquery mask插件来屏蔽SSN输入，但是它似乎并没有和jquery mobile很好地配合。代码是此处。感谢任何帮助。

如果这不起作用，还有什么替代方法？

还复制下面的参考代码： p>

脚本：

  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 =pageid =mainpage> 
< div data-role =header> 
< h1>我的测试< / h1> 
< / div><！ -  / header  - > 
 
< div data-role =content> 
< div class =content-primary> 
< form id =fmaindata-ajax =false> 
<！ - 主要SSN  - > 
 
< div data-role =none> 
< label for =ssnprimary> SSN：< / label> 
< input type =telname =ssnprimaryid =ssnprimaryvalue =/> 
< / div> 
< / form> 
< br /> 
< / div><！ -  / content  - > 
< / div><！ -  / content  - > 
 
< div data-role =footer
 data-theme =d>< / div><！ -  / footer  - > 
< / div><！ -  / page one  - > 
  

解决方案

您没有包含 Javascript 为jQuery插件屏蔽输入。

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

I am trying to mask SSN input using jquery mask plugin, however it doesn't seem to play well with jquery mobile. The code is here. Appreciate any help.

If this doesnt work, what are the alternatives?

Also copied the code for reference below:

Scripts:

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

解决方案

You did not include the Javascript for the jQuery plugin to mask inputs.

I tried editing your fiddle but it is not showing the result. So I created a new fiddle: http://jsfiddle.net/7MhAU/

这篇关于jQuery的手机输入掩码不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！