文檔

validator.js文檔地址

規則編寫示例

1. element-plus 使用示例

const captchaLoginRules = {phoneNumber: [{ required: true, message: '手機號不能為空', trigger: 'blur' },{validator: (_rule: any, value: string, _callback: any): boolean => {return isMobilePhone(value, 'zh-CN')},message: '請輸入正確的手機號',trigger: 'blur',},],captcha: [{ required: true, message: '驗證碼不能為空', trigger: 'blur' },{ min: 6, max: 6, message: '驗證碼長度必須為6個字符', trigger: 'blur' },],
}

2. tdesign-vue-next 使用示例

const FORM_RULES = {username: [{ required: true },{validator: (value: string): boolean => {return isMobilePhone(value, 'zh-CN') || isEmail(value);},message: '請輸入正確的 Email 或手機號'}],code: [{ required: true }]
};