vue1.x对于手机号输入框的相关操作

最新推荐文章于 2024-04-13 09:51:49 发布

weixin_34080903

最新推荐文章于 2024-04-13 09:51:49 发布

阅读量428

点赞数

文章标签： javascript ViewUI

原文链接：https://juejin.im/post/5aa8e6d5f265da239866f67a

版权

让输入框中只能输入数字

        <input type="text" class="span11 username" v-model="assistantInfoChange.mobilePhone" name="" maxlength="11"
           @keyup="inputChange"
           data-key="tel"
           placeholder="请输入手机号" style="width: 286px;">
           
        
        methods: {
            inputChange(e) {

                const target = e.target
                const value = target.value
                const key = target.dataset.key
                this.assistantInfoChange.mobilePhone = target.value = value.replace(/\D/g, "")



            },
            
            // 检测手机号是否符合规范
            checkFn() {
                if (!this.assistantInfoChange.mobilePhone.match(/^1(\d){10}$/)) {
                    alert('请输入正确的手机号')
                    return
                }
            }
                
        }
复制代码