elementUI 不用在寫rule來作表單校驗啦

相信很多人都有過這樣的程式碼

{
name: [
{ required: true, message: ‘請輸入活動名稱’, trigger: ‘blur’ },
],
region: [
{ required: true, message: ‘請選擇活動區域’, trigger: ‘change’ }
],
}
額滴惡瓜腦膜炎上帝啊， 這是要坐實我搬磚皇帝的身份麼，一個required要我寫這麼多程式碼？ 我就一個必填， 你預設給我整個英文，還是

name is required
唉， 不得不想出點腦瓜仁方便方便了。
二話不說，
我包裝了下el-form, 看下:

這麼用:

就只要在form-item上寫個 required! message預設就是標題不能為空 當然這個base-form還可以隨便加定好的屬性，你看:

validator.js
/**

• Verifier
  */
  export default {
  mobile: () => (rule, value, callback) => {
  if (!/^1[0-9]{10}$/.test(value)) {
  callback(new Error(“手機號碼錯誤”));
  } else {
  callback();
  }
  },

email: () => (rule, value, callback) => {
if (!/[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(.[a-zA-Z0-9_-]+)+$/.test(value)) {
callback(new Error(“電子郵箱格式錯誤”));
} else {
callback();
}
}
};
你只要這麼使用:

郵箱驗證就加上去啦！

噹噹噹然，闊以疊加

參考 http://shennizuidongqiu.com http://dazhuokaiche.com http://feidaotuiqiu.me http://fds501.cc http://fdq602.cc http://fdw703.cc http://fdw907.cc http://zsn132.cc http://zsn143.cc http://zsn243.cc http://zdzkc241.cc http://zsn343.cc http://fdw805.cc http://zsn443.cc http://zdzkc239.cc http://zsn543.cc http://zsn643.cc http://zdzkc108.cc http://zdzkc219.cc http://zdzkc229.cc http://dddsaa331.cc http://dddsaa332.cc http://dddsaa333.cc http://dddsaa336.cc http://dddsaa328.cc http://msk121.cc http://msk127.cc http://msk129.cc http://msk130.cc http://msk230.cc