• 日期: 2024-09-09
  • 标签: 常规

在方法的判断中加入rules可以使用以下方法：

  1. 在data中定义一个变量，例如ruleForm：
data() {
    return {
        ruleForm: {
            refId: '',
            parentId: '',
            // 其他字段...
        },
        // 其他data...
    }
}
  1. 在表单中绑定验证规则：
<el-form ref="ruleForm" :model="ruleForm" :rules="rules" label-width="100px">
    <!-- 表单项 -->
</el-form>
  1. 在提交表单的方法中调用验证规则：
methods: {
    submitForm() {
        this.$refs.ruleForm.validate((valid) => {
            if (valid) {
                // 表单验证通过，进行提交操作
            } else {
                // 表单验证不通过，进行错误处理
            }
        });
    },
    // 其他方法...
}

rules示例:

rules: {
            refId:[{required:false, message: '请输入外键', trigger: 'change'}],
            parentId:[{required:false, message: '请输入父ID', trigger: 'change'}],
            updateVersion:[{required:false, message: '请输入版本号', trigger: 'change'}],
            workId:[{required:false, message: '请输入工号', trigger: 'change'}],
            name:[{required:false, message: '请输入姓名', trigger: 'change'}],
            postName:[{required:false, message: '请输入职务', trigger: 'change'}],
            postCode:[{required:false, message: '请输入职务编码', trigger: 'change'}],
            slyGrade:[{required:false, message: '请输入职级', trigger: 'change'}],
            compCode:[{required:false, message: '请输入公司编码', trigger: 'change'}],
            compName:[{required:false, message: '请输入公司名称', trigger: 'change'}],
            deptName:[{required:false, message: '请输入部门', trigger: 'change'}],
            deptId:[{required:false, message: '请输入部门编码', trigger: 'change'}],
            dateIn:[{required:false, message: '请输入入职时间', trigger: 'change'}],
            leaveOrTransfer:[{required:false, message: '请输入离职或调岗', trigger: 'change'}],
            dateOut:[{required:false, message: '请输入离职时间', trigger: 'change'}],
            transferTime:[{required:false, message: '请输入调岗时间', trigger: 'change'}],
            leaveInterviewId:[{required:false, message: '请输入离职面谈单id', trigger: 'change'}],
            reasonForLeaving:[{required:false, message: '请输入离职原因', trigger: 'change'}],
            handledBy:[{required:false, message: '请输入办理者', trigger: 'change'}],
            handledByName:[{required:false, message: '请输入办理者姓名', trigger: 'change'}],
            telephone:[{required:false, message: '请输入联系电话', trigger: 'change'}],
            email:[{required:false, message: '请输入邮箱', trigger: 'change'}],
            contactAddress:[{required:false, message: '请输入联系地址', trigger: 'change'}],
            arrearsOrNot:[{required:true, message: '请输入是否有借款', trigger: 'change'}],
            arrears:[{required:true, message: '请输入借款金额', trigger: 'change'}],
            arrearsMethod:[{required:true, message: '请输入借款处理方式', trigger: 'change'}],
            isFinance:[{required:true, message: '请输入账务是否结清', trigger: 'change'}],
            qaFile:[{required:false, message: '请选择QA是否有文件交接', trigger: 'change'}],
            qaFileId:[{required:false, message: '', trigger: 'change'}],
            qcCalibrator:[{required:false, message: '请选择QC是否仪校交接', trigger: 'change'}],
            qcEc:[{required:false, message: '请选择QC是否EC交接', trigger: 'change'}],
            accountNumber:[{required:false, message: '请输入公司OA账号、DCC、邮箱、信息系统等软件使用权限是否移交或停用', trigger: 'change'}],
            accountNumberRemarks:[{required:false, message: '请输入公司账号备注', trigger: 'change'}],
            entranceGuard:[{required:false, message: '请输入门禁权限是否删除', trigger: 'change'}],
            dormitoryRelated:[{required:false, message: '请输入宿舍物品及设施验收、宿舍钥匙交还', trigger: 'change'}],
            workClothes:[{required:false, message: '请输入工装', trigger: 'change'}],
            propertyTransfer:[{required:false, message: '请输入财产转移', trigger: 'change'}],
            mealCard:[{required:false, message: '请输入餐卡', trigger: 'change'}],
            vehiclePermit:[{required:false, message: '请输入车辆通行证', trigger: 'change'}],
            resignationApplication:[{required:false, message: '请输入是否手写离职申请', trigger: 'change'}],
            employeeCard:[{required:false, message: '请输入工作证交还', trigger: 'change'}],
            damages:[{required:false, message: '请输入是否有违约金', trigger: 'change'}],
            compensation:[{required:false, message: '请输入是否有经济补偿金', trigger: 'change'}],
            compensationAmount:[{required:false, message: '请输入经济补偿金数额', trigger: 'change'}],
            settlementAmount:[{required:false, message: '请输入结算金额', trigger: 'change'}],
            salaryEndDate:[{required:false, message: '请输入止薪日期', trigger: 'change'}],
            attendanceDays:[{required:false, message: '请输入当月出勤天数', trigger: 'change'}],
            trainingExpenses:[{required:false, message: '请输入是否有培训费用', trigger: 'change'}],
            socialSecurity:[{required:false, message: '请输入是否有社保结算', trigger: 'change'}],
            rewardsPunishments:[{required:false, message: '请输入是否有奖励或处罚', trigger: 'change'}],
            goodsCompensation:[{required:false, message: '请输入是否有物品/设备丢失或者损坏赔偿', trigger: 'change'}],
            goodsComponAmountEnsati:[{required:false, message: '请输入物品/设备丢失或者损坏赔偿的金额', trigger: 'change'}],
            isHrOther:[{required:false, message: '请输入人力资源是否其他项', trigger: 'change'}],
            hrOther:[{required:false, message: '请输入人力资源其他', trigger: 'change'}],
            totalSettlementAmount:[{required:false, message: '请输入总结算金额', trigger: 'change'}],
            finalSalary:[{required:false, message: '请输入最终核算实发离职薪资（合计）', trigger: 'change'}],
            hrSupervisor:[{required:false, message: '请输入人力资源部主管', trigger: 'change'}],
            managerOfManagement:[{required:false, message: '请输入管理处经理', trigger: 'change'}],
            instId:[{required:false, message: '请输入流程实例ID', trigger: 'change'}],
            instStatus:[{required:false, message: '请输入状态', trigger: 'change'}],
            createByName:[{required:false, message: '请输入创建人名称', trigger: 'change'}],
            updateByName:[{required:false, message: '请输入更新人名称', trigger: 'change'}],
            MWorkId:[{required:false, message: '请输入直接上级', trigger: 'change'}],
            MName:[{required:false, message: '请输入直接上级姓名', trigger: 'change'}],
            checkComp:[{required:false, message: '请输入公司是否属于面板', trigger: 'change'}],
            dustFreeClothing:[{required:false, message: '请输入制造无尘服', trigger: 'change'}],
            handoverPerson:[{required:false, message: '请输入交接人', trigger: 'change'}],
            handoverPersonName:[{required:false, message: '请输入交接人姓名', trigger: 'change'}],
            reviewedBy:[{required:false, message: '请输入审核人', trigger: 'change'}],
            reviewedByName:[{required:false, message: '请输入审核人姓名', trigger: 'change'}],
            trainingExpensesAmount:[{required:false, message: '请输入培训费用数额', trigger: 'change'}],
            trainingPenalty:[{required:false, message: '请输入培训违约金', trigger: 'change'}],
            trainingSettlementAmount:[{required:false, message: '请输入培训结算金额', trigger: 'change'}],
            socialSecurityAmount:[{required:false, message: '请输入社保结算金额', trigger: 'change'}],
            rewardsPunishmentsAmountJlhcfje:[{required:false, message: '请输入奖励或处罚金额', trigger: 'change'}],
            signCompCode:[{required:false, message: '请输入面签公司code', trigger: 'change'}],
            signCompName:[{required:false, message: '请输入面签公司', trigger: 'change'}],
            qcTcn:[{required:false, message: '请选择QC是否TCN交接', trigger: 'change'}],
            companyId:[{required:false, message: '请输入COMPANY_ID_', trigger: 'change'}],
            financialMethod:[{required:true, message: '请输入账务处理方式', trigger: 'change'}],
            financialAmount:[{required:true, message: '请输入账务金额', trigger: 'change'}],
            financialRemarks:[{required:true, message: '请输入账务备注', trigger: 'change'}],
            isSalaryEndDate:[{required:false, message: '请输入是否确认止薪日期', trigger: 'change'}],
            dustFreeClothingMoney:[{required:false, message: '请输入无尘服扣款', trigger: 'change'}],
            signingagent:[{required:false, message: '请输入SigningAgent', trigger: 'change'}],
            signingagentname:[{required:false, message: '请输入SigningAgentName', trigger: 'change'}],
        }

说明:

  • rules 对象包含了表单中所有字段的验证规则。
  • required 属性表示该字段是否必填，true 表示必填，false 表示可选。
  • message 属性表示验证失败时显示的错误提示信息。
  • trigger 属性表示触发验证的时机，可以是change、blur、submit 等。
  • 提交表单后，validate 方法会对表单进行验证，如果验证通过，则执行 valid 回调函数，否则执行 invalid 回调函数。
如何在方法判断中加入验证规则 (rules)

原文地址: https://www.cveoy.top/t/topic/qxyT 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录