input输入框，正则格式化手机号（344）

最近有个H5手机页面需要做344的格式化，以前没有注意到，写的时候发现问题很多，然后就找大神的代码，抄袭下。

1.html版本

//input框使用onkeyup事件
function formatPhoneOnkeyUp(mobile){var value = mobile.replace(/\D/g, '').substring(0, 11);var valueLen = value.length;if (valueLen > 3 && valueLen < 8) {value = `${value.substr(0, 3)} ${value.substr(3)}`;} else if (valueLen >= 8) {value = `${value.substr(0, 3)} ${value.substr(3, 4)} ${value.substr(7)}`;}return value;
}

2.js版本。jsp可以用。

function formatPhoneOnkeyUp(mobile){var value = mobile.replace(/\D/g, '').substring(0, 11);var valueLen = value.length;if (valueLen > 3 && valueLen < 8) {value = value.replace(/^(...)/g, "$1 ");} else if (valueLen >= 8) {value = value.replace(/^(...)(....)/g, "$1 $2 ");}return value;}

最近发现这个代码有bug，移动光标删除数字或空格，光标会跳。好心塞。而且因为$符号的问题，方法没法在jsp里面使用。好难过。再加个方法兼容jsp
这只是一个简单的方法，需要用的同学，请结合自己的业务修改。
代码是从阿里的一个js组建的源码里抄袭的一点。感觉很简单的代码，但是自己写的时候就bug很多。对js基础知识理解不深刻。
这就是差距！！！

input输入框，正则格式化手机号（344）相关推荐

jquery和vue分别对input输入框手机号码格式化（344）
需求是这样的,输入手机号码的时候要三位三位四位的格式我在网上找了几个方法都是有问题的,有的是输入可以实现,删除的时候不好用,有的是输入后删除到只留三位的位置时再接着输入就没有空格了,所以自己写了个函 ...
Cleave input输入框自动格式化内容
Cleave.js 有一个简单的目的:帮助你自动格式输入的文本内容. 这个想法是提供一个简单的方法来格式化您的输入数据以增加输入字段的可读性.通过使用这个库,您不需要编写任何正则表达式来控制输入文本的 ...
angular input使用输入框filter格式化日期
最近使用angular日期选取器.只需要把所选的输出迄今input输入框,根据默认的假设,显示是在时间的形式的时间戳.不符合规定.需要格成一个特定的公式格公式.但input上ng-model不能直接对 ...
vue格式化input输入框的数字，4位一分隔
在做vue项目中,肯定会遇到过这样的场景,input输入框的手机号或者银行卡号的输入希望四位一分隔,方便查看和纠错,接下来直接上代码解决此类问题. template(别忘记data里面绑定accoun ...
vue,原生html—input框输入银行卡4位分开、手机号344分隔
vue,原生html-input框输入银行卡4位分开.手机号344分隔效果图: 1.uni-app写input框 (注意type类型不能为number,这是一个坑,我理解到-数字框只能输入数字不能显 ...
html5手机号输入框,input输入框限制（座机，手机号码）
记录一下座机input输入框: 手机input输入框: 说明: 座机限制只能输入数字和"-"且最大长度20位,手机限制只能输入数字且最大长度11位. 存在一个问题,当是搜狗输入法 ...
输入框内容格式化后从中间删除光标移至最后一位的问题
转自博文:格式化输入框内容后定位光标位置具体计算规则监听 keydown 事件,获取当前光标的位置. 根据输入框的内容和光标位置,计算出当前光标位置的前一个字符的下标(不计算空格). 判断用户按了 ...
手机号3-4-4 滚动函数滚盘抽奖
手机号3-4-4 ** – 需引入一个jq** or zepto 下列flow 就是344相关的东西, **$('#inpTel')**对应的就是输入input输入框DOM节点. var flow = ...
html限定输入的内容,HTML中限制input 输入框输入内容
限制 input 输入框只能输入纯数字 1.onkeyup = "value=value.replace(/[^\d]/g,'')" 使用 onkeyup 事件,有 bug ,那就 ...

input输入框，正则格式化手机号（344）

最近有个H5手机页面需要做344的格式化，以前没有注意到，写的时候发现问题很多，然后就找大神的代码，抄袭下。

input输入框，正则格式化手机号（344）相关推荐

最新文章

热门文章