Jquerymobile输入掩码?

时间:2011-08-16 15:02:20

标签: jquery-plugins

我需要一个数字输入掩码,如“9999.99” - 或“9999.9”。我知道有一般的jquery插件 - 问题是:有没有人用过jquerymobile?谢谢帮派!

4 个答案:

答案 0 :(得分:2)

这个插件在桌面上看起来不错,但由于某些原因它在移动设备上有一些问题(在android 2.3.3上测试过)。 我有两个问题:

  • with $('#someInput')。mask(“99/99/9999”,{placeholder:“。”}); 当我键入12345678时,我获得12/45/7863(放置'/'时出现一些问题)

  • 当我尝试给出一个值(之前计算但可编辑)时,当我关注输入时,它会将'../../ ....'放到位。

有人有解决方法或更具移动设备友好的掩码插件吗?

编辑:经过大量的尝试和失败后,似乎问题不在于蒙面输入插件(这不是真正的新闻,因为它在台式机和Ios上完美运行)但它是android管理修改的方式焦点输入的值。 当你添加一个角色时,它会很好地显示它,但要记住光标所在的位置,不要移动它,所以当你输入后它似乎在添加之前就会回来。

我尝试通过添加setrange来完成这个技巧,但它似乎没有考虑添加的字符。出于想法,我通过在按键上过滤输入,在输入中间隔字符并在背景中放置/的图像来做到这一点。

我仍然愿意接受任何可能更清洁的事情。

答案 1 :(得分:1)

http://digitalbush.com/projects/masked-input-plugin/的jquery中使用了很棒的插件 它在pc中使用时效果很棒。但是,当我尝试Opera移动模拟器。它搞砸了。

答案 2 :(得分:0)

This jsFiddle link working with phone

HTML是:

<form id="contact_info_form">   
    Cell Phone: <br/>
    <input type="text" value="" class="input-phone" name="Q3" id="Q3" />      
</form>​

和Javascript:

$(function(){
  $(".input-phone").mask("(999)-999-9999");    
});​

答案 3 :(得分:0)

最近,我在美国手机格式jquery-input-mask-phone-number

的输入字段上开发了简单易用的输入掩码

只需添加jquery-input-mask-phone-number插件,然后调用usPhoneFormat函数。

$(document).ready(function () {
    $('#yourphone').usPhoneFormat({
        format: 'xxx-xxx-xxxx',
    });   
});

演示示例https://jsfiddle.net/1kbat1nb/

NPM网址https://www.npmjs.com/package/jquery-input-mask-phone-number

GitHub网址https://github.com/rajaramtt/jquery-input-mask-phone-number