Vue input框验证规则

	<p v-if="numFlag" style="color:red;margin-top:10px">只能输入纯数</p>

	<p v-if="formatFlag" style="color:red;margin-top:10px">格式有误</p>


    numFlag:false   formatFlag:false


    let regNum = /^[0-9]*[1-9][0-9]*$/;

	if (regNum.test('需要验证的字段')) {
		this.numFlag = false;
		let num = [...new Set('需要验证的字段')].join("");
		    if (num.length < 4) {
			    this.formatFlag = true;
		    } else {
			    this.formatFlag = false;
		    }
    } else {
		this.numFlag = true;
	}
 
    想法 关于第二种
    
    1.先把字符串去重

    2.然后拿到去重过后的新字段,然后判断新字段长度

    3.最后拿新字段长度进行比较 是不是小于4

猜你喜欢

转载自blog.csdn.net/qq_42753983/article/details/127429533