将Int-tel-input与输入掩码相结合

时间:2017-09-03 08:01:22

标签: javascript jquery html coffeescript

我遇到了将Int-tel-input(国家代码电话号码选择器插件)与输入屏蔽相结合的问题。

我在这里要完成的是允许用户从Int-tel-input插件提供的国家/地区下拉列表中选择国家/地区代码,然后对其应用掩码以确保用户符合数字格式。

这是我目前的实施(coffeescript):

//When a country flag is clicked
$(document).on 'click', '.country', ->
 //Get the country code
 code = "+" + $(this).data('dial-code')
 //Find the input
 elem = $(this).parents(".intl-tel-input").find("input")
 //Clear the input
 $(elem).val("")
 //Mask input with country code
 $(elem).inputmask({
   mask: (code)+"99 999-9999",
   clearMaskOnLostFocus: false
 });
 //Clear masked input to ensure mask is clear
 $(elem).val("")

我遇到的问题是,如果国家/地区代码包含9,则屏蔽插件将使用屏蔽空间替换国家/地区代码中的该字符。例如:

我希望输入看起来像:+394 -_ -____

我得到的结果如下:+ 3_4 -_ -___

注意:上述实现与不包含9的国家/地区代码完美配合。

任何帮助表示赞赏!

0 个答案:

没有答案