美文网首页
input 只能输入数字,手机号码验证

input 只能输入数字,手机号码验证

作者: 微笑的大步向前走 | 来源:发表于2019-10-29 17:15 被阅读0次

相关需求: 一个输入框 只能输入 手机号码

这里 我多做了 一个 操作,输入框只能输入 数字,采用 @input 方法

html:

      <el-input placeholder="请输入手机号"
                v-model="mobile"
                class="mobile-input"
                maxlength="11"
                @input="checkMobile"></el-input>

js:

// 输入值验证
      checkMobile() {
        this.mobile = this.mobile.replace(/[^\d]/g, '')
      }

还有手机号验证

      // 验证手机
      validateMobile(mobile) {
        return /1(3|4|5|6|7|8|9)\d{9}/.test(mobile)
      },
      // 获取列表数据
      getData() {
        if (!this.validateMobile(this.mobile)) {
          this.isSearch = false
          this.$message.error('请输入正确的手机号')
          return
        }
      }

相关文章

网友评论

      本文标题:input 只能输入数字,手机号码验证

      本文链接:https://www.haomeiwen.com/subject/czygvctx.html