Vue input框验证规则

最新推荐文章于 2024-05-30 16:07:49 发布

qq_42753983

最新推荐文章于 2024-05-30 16:07:49 发布

阅读量658

点赞数

文章标签：去重长度验证纯数限制格式校验数字格式

本文链接：https://blog.csdn.net/qq_42753983/article/details/127429533

版权

	<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