美文网首页
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