input输⼊框短信验证码处理
项⽬开发中实现获取⼿机验证码的功能，短信验证码的特点1.只有六位 2.只能为数组。
第⼀种⽅法，我们可以⽤正则+maxlength的⽅式去实现
<input  placeholder="请输⼊验证码"
v-model="code"
maxlength="6"
oninput="place(/[^\d]/g,'')" />
第⼆种⽅法，type=“number” +长度约束
input框禁止输入注意：当input的type为number时，maxlength会失效，这时我们采⽤oninput="if(value.length>6) value=value.slice(0,6)"
<input  placeholder="请输⼊验证码"
v-model="code"
type="number"
@keydown="(e) => clearError('code')"
oninput="if(value.length>6) value=value.slice(0,6)" />
此时还有⼀个问题，当type=number时，e – … 都可以输⼊。可以加上以下代码解决这个问题。
onkeyup="place(/[^\d]/g,'')"

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。