带有jQuery和Masked Input Plugin的手机屏幕 [英] Phone mask with jQuery and Masked Input Plugin

问题描述

我在使用jQuery和蒙面输入插件屏蔽手机输入时遇到问题。

I have a problem masking a phone input with jQuery and Masked Input Plugin.

有两种可能的格式：

1. （ XX）XXXX-XXXX


2. （XX）XXXXX-XXXX

1. (XX)XXXX-XXXX
2. (XX)XXXXX-XXXX

有没有办法掩盖它接受这两种情况？

Is there any way to mask it accepting both cases?

编辑：

我试过：

$("#phone").mask("(99) 9999-9999"); 
$("#telf1").mask("(99) 9999*-9999");    
$("#telf1").mask("(99) 9999?-9999"); 

但它不能按照我的意愿行事。

But it doesn't works as I would like.

最接近的是（xx）x​​xxx-xxxxx。

The closest one was (xx)xxxx-xxxxx.

当我输入第10个数字时，我想得到（xx）x​​xxx-xxxx，当我输入第11个数字时，我想得到（xx）x​​xxxx-xxxx。可以吗？

I would like to get (xx)xxxx-xxxx when I type the 10th number, and (xx)xxxxx-xxxx when I type the 11th. Is it posible?

推荐答案

试试这个 - http://jsfiddle.net/dKRGE/3/

$("#phone").mask("(99) 9999?9-9999");

$("#phone").on("blur", function() {
    var last = $(this).val().substr( $(this).val().indexOf("-") + 1 );

    if( last.length == 3 ) {
        var move = $(this).val().substr( $(this).val().indexOf("-") - 1, 1 );
        var lastfour = move + last;
        var first = $(this).val().substr( 0, 9 );

        $(this).val( first + '-' + lastfour );
    }
});

这篇关于带有jQuery和Masked Input Plugin的手机屏幕的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！