前端开发中常用的格式校验

1、校验链接格式

export const isValidUrl = (url: string): boolean => {
    const regExp =   const regExp = /^(http?|https|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/;
    return url? regExp.test(url) : false
} 


function isUrl(url) {
  try {
      const { href, origin, host, hostname, pathname } = new URL(urlStr);
      return href && origin && host && hostname && pathname && true;
  } catch (err) {
      return false;
  }
}

2、校验数字或小数

// 验证数字或两位小数
const isValidNumber = (url：string): boolean => {
   const regExp = /^\d+(.\d{1,2})?$/;
   return url ? regExp.test(url) : false
}

// 正则说明：
// \d：0-9的数字
// ^\d：以0-9数字开头的表达式
// ^\d+：以1至多个 0-9数字开头的表达式
// ( )：括号里是一个整体
// (.\d{1,2})：. 小数点  d{1,2} 一至两位数字
// (.\d{1,2})?：小数（小数点 + 一至两位小数）
// (.\d{1,2})?$：若存在小数点，则以小数点后的一至两位小数结尾

// 其他数字验证
const regExp = /^[0-9]+([.]{1}[0-9]+){0,1}$/;    // 只能是整数或小数
 const regExp = /^[+-]?((\d*(\.\d{1,})$)|(\d+$))/;  // 可以是负数 整数 小数 不限制小数位数 

3、只能是字母或者_的组合

/^[A-za-z_]{1,}$/g.test(vlue)

if( /^[A-za-z_]{1,}$/g.test(vlue) ){
    console.log("验证通过")
}

4、是否是合法的JSON字符串

export const isValidJSON = (test: string) =>{
    try{
        JSON.parse(test);
    }catch{
        return false;
    }
}

5、判断文件类型

export const supportTypes = function (file) {
  return (!/\.(xls|xlsx)$/.test(file.name.toLowerCase()));
};