vue3-表单校验

制定规则-通过rules绑定规则

// 提供校验规则

const mobileRules: FieldRule[] = [

  { required: true, message: '请输入手机号码' },

  { pattern: /^1[3-9]\d{9}$/, message: '手机号码格式不正确' }

]

export { mobileRules}

表单里 :rules="mobileRules"

 表单的原生提交

 

 表单整体校验