vue空格校验和特殊字符校验

1.正则校验

这个方法只可以校正输入框全是空格的情况，无法校正文字前中后的空格

// 空格校验 pattern: '[^ \x22]+'
{ required: true, message: '必填', pattern: '[^ \x22]+', trigger: 'blur' }

2.方法校验

这种方法可以校验输入框所有空格

// 特殊字符正则
export function isSpec(s) {
  var pattern = /[~!@#$%^&*<>|']/gi
  return pattern.test(s)
}
// 非特殊字符文本，非空格
//isSpec(value)  校验特殊字符
//value.indexOf(' ') !== -1 空格校验
export const isValidateTxtNonSpec = (rule, value, callback) => {
  if (value != null && value !== '') {
    if (isSpec(value) || value.indexOf(' ') !== -1) {
      callback(new Error('不能包含特殊字符或空格'))
    } else {
      callback()
    }
  } else {
    callback()
  }
}

//使用
{ validator: isValidateTxtNonSpec, max: 20, trigger: 'blur' }