vue中input校验方法

整理工作中用到的input验证问题,不定期更新。

  1. 正整数1
输入正整数

对应的方法:
通过$event获取event对象

check_count: function(event) {
      var value = event.target.value;
      if (!/^\+?[1-9][0-9]*$/.test(value)) {
        alert('只能正整数');
        event.target.value = '';
      }
    },
  1. 正整数2
输入正整数
  1. 电话号码
电话号码

对应方法:

check_phone() {
      if (!/^1[34578]\d{9}$/.test(this.phone_num)) {
        alert("格式错误");
        this.phone_num = "";
      } else {
        alert("格式正确");
      }
    }

参考材料

http://www.jb51.net/article/83398.htm

你可能感兴趣的:(vue中input校验方法)