正则表达式验证输入框内容

亲测有效

1 只能输入字母和数字和 / .

onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"

2 只能输入正整数

onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
 onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"

或者

onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"

3 IP地址校验

 <el-input v-model="fuwuqiip" placeholder="请输入内容" @change=" (val) => { changeStatus(val); }" clearable ></el-input>

data() {
    return {
      ipFlag: false,
    };
  },

changeStatus(val) {
      let ipRegex =
        /^(?:(?:^|,)(?:[0-9]|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])(?:\.(?:[0-9]|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])){3}){1,3}$/;
      if (ipRegex.test(val) === false && this.fuwuqiip != "") {
        this.$message.error("输入IP格式有误，请重新输入");
        this.ipFlag = false;
      } else {
        this.ipFlag = true;
      }
    },

4 https或者http校验,且验证是否为网址

 xy_jy() {
      let reg =
        /^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+)\.)+([A-Za-z0-9-~/])+$/; // 正则校验表达式
      if (!reg.test(this.shengji_xy)) {
        this.$message.error("格式错误"); // 提示错误
        this.shengji_xy = ""; // 错误的话,赋值为空
      }
    },

5 端口号校验

但不包括0 取值范围 1- 65535

@blur="duankouhao"
 duankouhao() {
      let reg =
       /^([1-9](\d{0,3}))$|^([1-5]\d{4})$|^(6[0-4]\d{3})$|^(65[0-4]\d{2})$|^(655[0-2]\d)$|^(6553[0-5])$/;
      if (!reg.test(this.duankou)) {
        this.$message.error("格式错误"); // 提示错误
        this.duankou = ""; // 错误的话,赋值为空
      }
    },

6 网址校验

 let ipRegex2 =
        /^(?=^.{3,255}$)(http(s)?:\/\/)?(www\.)?[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(\.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+(:\d+)*(\/\w+\.\w+)*$/;

7 只能输入数字

          onkeyup="this.value=this.value.replace(/\D/g,'')"
          onafterpaste="this.value=this.value.replace(/\D/g,'')"
       

8 手机号固话正则校验

^1\d{10}$|^(0\d{2,3}-?|\(0\d{2,3}\))?[1-9]\d{4,7}(-\d{1,8})?$

示例:
13812341234
010-12345678
(0432)1234567-1234

9 子网掩码正则校验

 let reg =
        /^(254|252|248|240|224|192|128|0)\.0\.0\.0|255\.(254|252|248|240|224|192|128|0)\.0\.0|255\.255\.(254|252|248|240|224|192|128|0)\.0|255\.255\.255\.(254|252|248|240|224|192|128|0)$/;

10 网关验证

 let reg2 =
        /^(192\.168(\.(\d|([1-9]\d)|(1\d{2})|(2[0-4]\d)|(25[0-5]))){2})$/;

11 输入框禁止输入特殊符号

  <input id="name" type="text" maxlength="60" value="" oninput="this.value = this.value.replace(/[^a-zA-Z0-9\s]/g, '')">