首页 > 建站教程 > JS、jQ、TS >  正则表达式:以字母开头且只能输入字母、数字、下划线正文

正则表达式:以字母开头且只能输入字母、数字、下划线

// 以字母开头且只能输入字母、数字、下划线
^[a-zA-Z][a-zA-Z0-9_]*$
// 只能输入字母、数字、下划线
^[a-zA-Z0-9_]+$
// 过滤非法字符
[@/'"#$%&、^*]+


在vue3中的使用示例:

const validColumnName = (rule, value, callback) => {
  if (value !== '') {
    const reg = /^[a-zA-Z][a-zA-Z0-9_]*$/;
    if (!reg.test(value)) {
      return callback(new Error('字段格式不正确,只能以字母开头且只能输入字母、数字、下划线'));
    } else { 
      return callback(); // *验证成功的地方必须callback()
    }
  }else {
    return callback(new Error('必填字段'));
  }
}
const rules = reactive({
  columnEn: [
    { required: true, message: '字段名称必填', trigger: 'blur' },
    { validator: validColumnName, trigger: 'blur' },
  ]
})