el-form实现其中一个填写即可的校验

 

 

      <el-formref="form":model="formData":rules="formRules"label-width="130px"><el-row :gutter="24"><el-col :span="12"><el-form-item label="司机姓名 :" prop="driverName"><el-input:disabled="isDisable"v-model="formData.driverName"placeholder="请输入司机姓名"/></el-form-item></el-col><el-col :span="12"><el-form-item label="联系方式 :" prop="driverPhone"><el-input:disabled="isDisable"v-model="formData.driverPhone"placeholder="请输入联系方式"/></el-form-item></el-col><el-col :span="12"><el-form-item label="身份证号 :" prop="driverCard"><el-input:disabled="isDisable"v-model="formData.driverCard"placeholder="请输入身份证号"/></el-form-item></el-col><el-col :span="12"><el-form-item label="归属部门 :" prop="deptId"><el-select:disabled="isDisable"v-model="formData.deptId"@change="deptChange"filterableplaceholder="请选择归属部门"><el-optionv-for="(item, index) in deptList":key="index":label="item.deptName":value="item.deptId"/></el-select></el-form-item></el-col><el-col :span="12"><el-form-item label="驾驶证编号 :" prop="driverNum"><el-input:disabled="isDisable"v-model="formData.driverNum"placeholder="请输入驾驶证编号"/></el-form-item></el-col><el-col :span="12"><el-form-item label="过期时间 :" prop="driverExpireTime"><el-date-picker:disabled="isDisable"v-model="formData.driverExpireTime"style=""type="datetime"value-format="yyyy-MM-dd HH:mm:ss"format="yyyy-MM-dd HH:mm:ss"placeholder="选择日期"/></el-form-item></el-col><el-col :span="12"><el-form-item label="ic卡号 :" prop="cardId"><el-selectv-model="formData.cardId":disabled="isDisable"filterableplaceholder="请输入ic卡号"><el-optionv-for="(item, index) in cardNumList":key="index":label="item.cardNum":value="item.id"/></el-select></el-form-item></el-col><el-col :span="12"><el-form-item label="指纹编号 :" prop="printCode"><el-input:disabled="isDisable"v-model="formData.printCode"placeholder="请输入指纹编号"/></el-form-item></el-col><el-col :span="12"><el-form-item label="人脸编号 :" prop="faceCode"><el-input:disabled="isDisable"v-model="formData.faceCode"placeholder="请输入人脸编号"/></el-form-item></el-col><el-col :span="24"><el-form-item label="备注 :" prop="remark"><el-input:disabled="isDisable"v-model="formData.remark"placeholder="请输入备注"/></el-form-item></el-col><el-col :span="24"><el-form-item label="图片 :" prop="image"><multipleUploadv-if="isShowImgVideo":disabled="detailsShow":limit-count="4":img-list="imgList":submit-img="submitImg"@getImg="getImgUpload"/></el-form-item></el-col></el-row></el-form>
  data() {return {formData: {},formRules: {driverName: [{ required: true, message: "请输入司机姓名", trigger: "blur" },],deptId: [{ required: true, message: "请选择归属部门", trigger: "blur" },],cardId: [{required: true,validator: this.validateAtLeastOneRequired,trigger: "blur",},],printCode: [{required: true,validator: this.validateAtLeastOneRequired,trigger: "blur",},],faceCode: [{required: true,validator: this.validateAtLeastOneRequired,trigger: "blur",},],},}}methods:{/*** @Event 方法* @description: ic卡号 指纹编号 人脸编号 其中一个必填校验* */validateAtLeastOneRequired(rule, value, callback) {const field = "ic卡号、指纹编号、人脸编号";if (this.formData.cardId ||this.formData.printCode ||this.formData.faceCode) {callback();} else {callback(new Error(`${field}至少填写一个`));}},submitForm() {this.$refs.form.validate((valid) => {if (valid) {// do something} else {return false;}});},
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/17917.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

交叉编译paho带SSL

1.新建文件夹 /home/yiweijiao/woke_lab/paho 2.解压paho.mqtt.c到/home/yiweijiao/woke_lab/paho/paho.mqtt.c 3.新建文件夹/home/yiweijiao/woke_lab/paho/openssl_lib 将已经交叉编译好的openssl复制到这里 4.cd /home/yiweijiao/woke_lab/paho/paho.mqtt.c 新建文件夹…

文盘 Rust -- tokio 绑定 cpu 实践

tokio 是 rust 生态中流行的异步运行时框架。在实际生产中我们如果希望 tokio 应用程序与特定的 cpu core 绑定该怎么处理呢&#xff1f;这次我们来聊聊这个话题。 首先我们先写一段简单的多任务程序。 use tokio::runtime; pub fn main() {let rt runtime::Builder::new_mu…

php导出pdf

插件官网&#xff1a;TCPDF 博主用的是tp6框架 、tcpdf插件 composer require tecnickcom/tcpdf --ignore-platform-reqs 后面是忽略平台要求的参数 ---------------中文乱码start------------------ 关于中文乱码问题&#xff1a; 网上说的下载字体放入fonts 利用tools…

leetcode 74. 搜索二维矩阵(java)

搜索二维矩阵 leetcode 74. 搜索二维矩阵题目描述抽象BST代码演示 抽象BST leetcode 74. 搜索二维矩阵 来源&#xff1a;力扣&#xff08;LeetCode&#xff09; 链接&#xff1a;https://leetcode.cn/problems/search-a-2d-matrix 题目描述 给你一个满足下述两条属性的 m x n 整…

【Django学习】(十二)GenericAPIView_过滤_排序_分页

上篇文章初步接触了GenericAPIView&#xff0c;这次来更加深入的学习它&#xff0c;了解里面的一些使用和方法 get_object&#xff1a;源码中&#xff1a;处理查询集&#xff0c;并含有所需要得pk值,lookup_fieldget_queryset&#xff1a;源码中&#xff1a;先判断queryset是否…

4.3Java EE——一对多查询

用户与订单关联关系图​​​​​​​ 与一对一的关联关系相比&#xff0c;接触更多的关联关系是一对多&#xff08;或多对一&#xff09;。例如一个用户可以有多个订单&#xff0c;多个订单也可以归一个用户所有。用户和订单的关联关系如图。 一、<collection>元素 在MyB…

Xcode doesn’t support iPhone’s iOS 15.7.3 (19H307).

Xcode真机调试时&#xff0c;出现了Xcode doesn’t support iPhone’s iOS 15.7.3 (19H307).&#xff0c;Xcode不支持iPhone的版本。升级Xcode太耗时&#xff0c;用了找支持SDK文件方式解决了此问题。下图是本地的SDK支持文件。 从GitHub下载了15.7的设备支持文件&#xff0c…

安全狗亮相2023第二届上海网络安全博览会

7月5日至7日&#xff0c;“新耀东方-2023第二届上海网络安全博览会暨高峰论坛”在上海顺利举办。此次大会由上海市信息网络安全管理协会、国家计算机网络应急技术处理协调中心上海分中心、(ISC)2上海分会、上海市普陀区科学技术委员会、上海市网络安全产业示范园共同主办。 作…

ABAP调用阿里云接口-短信服务-HTTP协议及签名(abap版本)<转载>

原文链接&#xff1a;https://blog.csdn.net/xiefireworks/article/details/113037650 阿里云接口文档请参考官网地址 https://help.aliyun.com/document_detail/59210.html?spm5176.8195934.J_5834642020.5.11ba4378DLVi4O 此处仅介绍使用ABAP完成阿里云短信服务签名请求的…

BCD码与二进制码的区别与联系

二进制数是整串二进制编码表示一个整数&#xff0c;BCD码是用二进制码逐一表示0&#xff5e;9的整数。 (本笔记适合对整数进制编码有一定了解&#xff0c;熟悉二进制数编码的编程爱好的 coder 翻阅) 【学习的细节是欢悦的历程】 Python 官网&#xff1a;https://www.python.org…

easyphp

说起来是easy但是&#xff0c;代码审计对于我来说有点小难 唯一觉得好的地方是因为基本上每一步都有回显&#xff0c;可以依照回显一步步注入 <?php highlight_file(__FILE__); $key1 0; $key2 0;$a $_GET[a]; $b $_GET[b];if(isset($a) && intval($a) > 60…

图灵奖得主Geoffrey Hinton:我的五十年深度学习生涯与研究心法

本文介绍了Hinton非常坦诚地分享了自己的学术生涯&#xff0c;深度学习的未来和研究心得。 他从未正式上过计算机课程&#xff0c;本科在剑桥大学读的是生理学和物理学&#xff0c;期间曾转向哲学&#xff0c;但最终拿到的却是心理学方向的学士学位&#xff1b;他曾因为一度厌学…