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問題與解決方案將會在這個博客中接續更新。。。