【技术实现步骤摘要】
基于web端的手机号码格式化方法、装置、设备及介质
本专利技术涉及数据处理
，尤其涉及一种基于web端的手机号码格式化方法、装置、设备及介质。
技术介绍
使用web端网页进行手机号码填写时，如果不做任何格式化处理，11个数字会紧靠在一起，不仅不够美观，而且用户不容易发现填写错误的地方。为了解决上述问题，在展示手机号码的时候，一般会对手机号码进行格式化显示。但是，在目前的解决方案中，在修改用户输入的非开头、非结尾的字符并格式化后，输入框的光标会自动跳回最后，而非当前修改所编辑的位置，极大的影响用户操作。另外，由于各个浏览器的厂商或者版本不同，所支持的API(ApplicationProgrammingInterface，应用程序接口)也可能并不相同，因此，目前的解决方案还受到不同浏览器间兼容性的限制。
技术实现思路
鉴于以上内容，有必要提供一种基于web端的手机号码格式化方法、装置、设备及介质，能够使支持不同API的浏览器都适用，有效解决了兼容性问题，并且，直接将光标移动至当前需要编辑...
【技术保护点】
1.一种基于web端的手机号码格式化方法，其特征在于，所述基于web端的手机号码格式化方法包括：/n响应于对浏览器的输入框中手机号码的格式化指令，获取历史变量，并定义实时变量；/n获取所述输入框的输入信息，对所述输入信息进行标准化处理；/n将标准化处理后的输入信息赋值给所述实时变量，并确定所述实时变量的字符长度；/n基于所述浏览器所支持的第一API检测所述输入框中光标的位置作为所述光标在所述实时变量中的当前位置；/n根据所述字符长度对所述实时变量进行格式化处理，得到当前变量；/n检测所述光标在所述当前变量中是否位于空格后，得到检测结果；/n根据所述检测结果及所述历史变量调整...
【技术特征摘要】
1.一种基于web端的手机号码格式化方法，其特征在于，所述基于web端的手机号码格式化方法包括：
响应于对浏览器的输入框中手机号码的格式化指令，获取历史变量，并定义实时变量；
获取所述输入框的输入信息，对所述输入信息进行标准化处理；
将标准化处理后的输入信息赋值给所述实时变量，并确定所述实时变量的字符长度；
基于所述浏览器所支持的第一API检测所述输入框中光标的位置作为所述光标在所述实时变量中的当前位置；
根据所述字符长度对所述实时变量进行格式化处理，得到当前变量；
检测所述光标在所述当前变量中是否位于空格后，得到检测结果；
根据所述检测结果及所述历史变量调整所述光标在所述当前变量中的位置作为所述光标在所述输入框中的目标位置；
基于所述浏览器所支持的第二API将所述光标移动至所述输入框中的目标位置。
2.如权利要求1所述的基于web端的手机号码格式化方法，其特征在于，所述对所述输入信息进行标准化处理包括：
利用正则表达式检测所述输入信息中的非数字数据；
从所述输入信息中删除所述非数字数据。
3.如权利要求1所述的基于web端的手机号码格式化方法，其特征在于，所述基于所述浏览器所支持的第一API检测所述输入框中光标的位置作为所述光标在所述实时变量中的当前位置包括：
确定所述浏览器是否支持document.selection；
当所述浏览器支持所述document.selection时，利用document.selection.createRange方法在所述输入框中选择与所述实时变量的字符长度相同的字符，并将选择的字符所对应的下一位置作为所述光标在所述实时变量中的当前位置；或者
当所述浏览器不支持所述document.selection时，检测selectionStart选择的区域，并将所述选择的区域的起始位置作为所述光标在所述实时变量中的当前位置。
4.如权利要求1所述的基于web端的手机号码格式化方法，其特征在于，所述根据所述字符长度对所述实时变量进行格式化处理，得到当前变量包括：
当所述字符长度小于第一阈值时，不执行格式化处理；
当所述字符长度大于或者等于所述第一阈值且小于第二阈值时，在所述第一阈值所对应的字符后添加空格；
当所述字符长度大于或者等于所述第二阈值时，在所述第一阈值所对应的字符后添加空格，及在所述第二阈值所对应的字符后添加空格。
5.如权利要求1所述的基于web端的手机号码格式化方法，其特征在于，所述根据所述检测结果及所述历史变量调整所述光标在所述当前变量中的位置作为所述光标在所述输入框中的目标位置包括：
当所述检测结果显示所述光标在所述当前变量中不位于空格后时，不执行调整；
当所述检测结果显示所述光标在所述当前变量中位于空格后时，对比所述实时变量的字符长度与所述历史变量...
【专利技术属性】
技术研发人员：沈俊声，
申请(专利权)人：平安国际智慧城市科技股份有限公司，
类型：发明
国别省市：广东;44
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。