vue3中from表单的验证

        <el-form-item label="工程师编号" prop="EngineerNo">
            <el-input v-model="goodsForm.EngineerNo"></el-input>
        </el-form-item>
        <el-form-item label="工程师姓名" prop="NameEngineer">
            <el-input v-model="goodsForm.NameEngineer"></el-input>
        </el-form-item>

const rules = {
            EngineerNo:[{required: true,message: '请输入工程师编号',trigger: 'blur',}, 
                        {type: 'number', message: '请输入数字类型', trigger: 'change'}],

            NameEngineer:[{required: true,message: '请输入工程师姓名',trigger: 'blur',},            
             {pattern:/^[\u4E00-\u9FA5]+$/,message: '请输入文字类型',trigger: 'change'}, 
                        {min: 2,max: 5,message: '长度必须为2-5个字',trigger: 'change'}],
               }

在用vue3时遇到了表单验证的问题

验证是能输入数字时输入类型为number 在数据变更时进行验证

验证只能输入文字时直接写入正则表达式 pattern:/^[\u4E00-\u9FA5]+$/ 即可