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

220 阅读1分钟

让输入框中只能输入数字

        <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
                }
            }
                
        }