项目需求中在通过电话号码登录或者注册时经常需要选择国家地区,不同的国家地区或许会有不同的电话号码格式,现在通过JS来实现一个用户选择区号后根据相应格式自动规范电话号码的功能。
正常的话该国家地区的号码格式会和区号一起返回给我们,这里就直接定义一个格式了,如中国的电话格式:xxx-xxxx-xxxx,3-4-4 的格式,11位
我们实现的逻辑是:
- 获取到号码格式每一段的长度,也就是上面的 3-4-4
- 然后把我们输入的号码对应的长度截取下来
- 最后再将截取得到的内容用 “-” 连接起来
首先是一个 input 输入框
<input id="int"/>
然后在这个输入框的输入事件中获取到我们输入的内容
document.getElementById('int').oninpu