VUE element ui - el-form - rules注意点教学1

el-form这个组件相信用vue框架的同学们都很了解，这个组件内含了一个rules表单验证的命令。除了可用默认的规则还可以通过

validator: checkUserName

这种形式调用外部JS规则。

 

但是规则编写规范需要着重注意：

//英文验证1
export const checkEngName = (rule, value, callback) => {
  let strRegex = "^[a-zA-Z][a-zA-Z0-9_]*$";
  let engName=new RegExp(strRegex);

  if (!value){
    callback(new Error('请输入表名(仅英文字母开头，允许字母数字)'))
  }else if (!engName.test(value)){
    callback(new Error('包含中文或非法字符'))
  }else {
    callback()
  }
};

这段代码是对是否是纯英文字符串。

其中callback()是最终的返回回调，如果没有的话会使提交验证无效。

有关VUE cli环境下的开发框架的elementUI问题与解决方案将会在这个博客中接续更新。。。