正则验证，只能输入数字，每四位隔一个空格。

输入框表单验证实现

最新推荐文章于 2023-01-31 11:21:38 发布

转载最新推荐文章于 2023-01-31 11:21:38 发布 · 432 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ourLifes/p/8629898.html

文章标签：

#javascript #ViewUI

本文介绍了一种输入框表单验证的方法，该方法能够自动清理非数字字符，并以每四位数字插入一个空格的方式显示信用卡号等数字序列。同时实现了根据输入长度控制按钮状态的功能。

 //输入框表单验证
      inputReg(){
      	//获取输入框的内容
      	var val = this.cardNum;
      	//将所有的非数字替换为空      然后每四位加一个空格
      	val = val.replace(/[^\d]/g,'').replace(/(\d{4})(?=\d)/g,'$1 ');
      	this.cardNum = val;
      	//卡号为16为   加3个空格
      	if(val.length >= 19){
      		this.cardNum = val.substr(0, 19)
      		//红色按钮
          this.isActive = true
      	}else{
      		//灰色按钮
      		this.isActive = false;
      	}
      },

转载于:https://www.cnblogs.com/ourLifes/p/8629898.html