在vue中常用的表单正则验证规则

这个挺好用的：

//vue只允许input框输入小数点和数字
oninput = "value=value.replace(/[^\d.]/g,'')"

而且这个没有bug出现，这个在我项目中做了测试
附一个正则大全的链接

// 验证用户名 过滤特殊符号和空白
export function isvalidUsername(str) {
     
  // const urlregex = /^[A-Za-z0-9]+$/
  const regex = /^[\u4e00-\u9fa5a-zA-Z0-9\w]+$/g
  return regex.test(str)
}

/* 合法uri*/
export function validateURL(textval) {
     
  const urlregex = /^(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 urlregex.test(textval)
}

/* 小写字母*/
export function validateLowerCase(str) {
     
  const reg = /^[a-z]+$/
  return reg.test(str)
}

/* 大写字母*/
export function validateUpperCase(str) {
     
  const reg = /^[A-Z]+$/
  return reg.test(str)
}

/* 大小写字母*/
export function validateAlphabets(str) {
     
  const reg = /^[A-Za-z]+$/
  return reg.test(str)
}
/* 数字 */
export function validateNumber(str) {
     
  const reg = /^[0-9]+$/g
  return reg.test(str)
}
/* 数字 首位非0 */
export function validateNumber1(str) {
     
  const reg = /^[1-9][0-9]*$/g
  return reg.test(str)
}
/* 数字，小数点后2位 */
export function validateNumber2(str) {
     
  const reg = /^$|^\d{1,8}(\.\d{1,2})?$/g
  return reg.test(str)
}
/* 数字，小数点后4位 */
export function validateNumber3(str) {
     
  const reg = /^$|^\d{1,9}(\.\d{1,4})?$/g
  return reg.test(str)
}
// 限定大写字母+数字+符号“-”
export function validateUpperCaseNumber(str) {
     
  const reg = /^[A-Z0-9-]+$/
  return reg.test(str)
}
// ip地址
export function validateIP(textval) {
     
  const regIP = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/
  return regIP.test(textval)
}
// 端口号
export function validatePort(textval) {
     
  const regPort = /^([0-9]|[1-9]\d{1,3}|[1-5]\d{4}|6[0-5]{2}[0-3][0-5])$/
  return regPort.test(textval)
}
// 只是汉字
export function validateChina(textval) {
     
  const regChina = /^[\u4e00-\u9fa5]+$/
  return regChina.test(textval)
}
//邮箱
export function validateEmail(email) {
     
  const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
  return re.test(email)
}

在页面是的使用方法是这样的：