自定義表單-校驗數據規則

使用async-validator庫,校驗數據是否合法，並且根據校驗規則給出提示信息。

• https://github.com/yiminghe/async-validator

必填不能為空

{"required": true, "message": "請輸入內容","trigger": "blur"},

下拉框、單選框、復選框等用trigger: 'change'

輸入框、文本域判斷字數

{"min": 3, "max": 5, "message": "長度在 3 到 5 個字符"}

數組長度限制

{type: 'array', max: 2, message: '最多只能選擇2個'}

驗證type

{ type: 'email', message: '您的郵箱輸入錯誤'}

type：
string（默認），number， boolean，method， regexp，integer，float，array，object，enum，date，url， hex， email.

正則

{pattern: /^1[34578]\d{9}$/, message: '您的手機號碼輸入錯誤'}

復合輸入框 selectInput

"rules": [
        {
          "type": "array", "required": true, "message": "請選擇",
          "fields": {
            "0": {"required": true,"message": "請選擇"},
            "1": {"required": false,"message": "請輸入內容"}
          }
        }
      ]

例：