我遇到了将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的国家/地区代码完美配合。
任何帮助表示赞赏!