前端开发中常用的校验规则

本文介绍了在Vue2和Ant-Design-Vue框架下,如何进行前端开发中的数据校验和输入框限制。通过封装常用组件和方法,实现高效且灵活的前端验证规则。

开发中常用的检验和对输入框的一些限制

基于Vue2和Ant-Design-Vue封装的后台系统,其中包括很多常用组件和方法Smile Admin

/**
 * 2021-8-16 整理 xue_yafei
 * 工具类集合,适用于平时开发
 */

// 小数或整数(不可以负数) 
export function verifyNumberIntegerAndFloat(val) {
   
   
	// 匹配空格
	let v = val.replace(/(^\s*)|(\s*$)/g, '');
	// 只能是数字和小数点,不能是其他输入
	v = v.replace(/[^\d.]/g, '');
	// 以0开始只能输入一个
	v = v.replace(/^0{2}$/g, '0');
	// 保证第一位只能是数字,不能是点
	v = v.replace(/^\./g, '');
	// 小数只能出现1位
	v = v  
		.replace('.', '$#$')    
		.replace(/\./g, '')
		.replace('$#$', '.');
	// 小数点后面保留2位
	v = v.replace(/^(\\-)*(\d+)\.(\d\d).*$/, '$1$2.$3');
	// 返回结果
	return v;
}

// 正整数验证
export function  (val) {
   
   
	// 匹配空格
	let v = val.replace(/(^\s*)|(\s*$)/g, '');
	// 去掉 '.' , 防止贴贴的时候出现问题 如 0.1.12.12
	v = v.replace(/[\\.]*/g, '');
	// 去掉以 0 开始后面的数, 防止贴贴的时候出现问题 如 00121323
	v = v.replace(/(^0[\d]*)$/g, '0');
	// 首位是0,只能出现一次
	v = v.replace(/^0\d$/g, '0');
	// 只匹配数字
	v = v.replace(/[^\d]/g, '');
	// 返回结果
	return v;
}

// 去掉中文及空格
export function verifyCnAndSpace(val) {
   
   
	// 匹配中文与空格
	
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值