当前位置: 首页 > news >正文

el-form 的表单校验,如何验证某一项或者多项;validateField 的使用

通常对form表单的校验都是整体校验:

this.$refs.form.validate( valid => {if (valid) {// 校验通过,业务逻辑代码...}
});

如果需要对表单里的特定一项或几项进行校验,应该如何实现? 

业务场景:下图点探测按钮时,只需要校验前四项,后面的表单项不需要校验

Elementui 官网文档截图:

validateField 这个方法接受两个参数,第一参数为数组或者字符串,第二个参数为回调函数 

// 点击探测,请求接口
detectionFunc() {let hasError = false;this.$refs.ruleForm.validateField(['ip', 'port', 'user', 'pwd'], err => {if (err) {hasError = true;return;}});if (!hasError) {// 不存在校验不通过的项,请求探测接口...}
}

 如果要校验某一项,第一个参数传字符串就可以了。

注意事项:校验多项时,第一个参数传数组,回调函数会触发多次

相关文章:

  • 面试经典-34-验证回文串
  • Github主页设置贪吃蛇详细教程
  • 对AQS的理解
  • coingecko获取token price --php版
  • PTA模拟+数学分析
  • Linux中的文件类型
  • 分享常用的62 个九宫格抽奖及各种宫格效果源码
  • 【Linux】Centos7上安装MySQL5.7
  • phpstudy自定义安装mysql8.3并启动
  • Seata中四种模式的适用场景
  • Atomsk球形化合物建模方法
  • MySQL---索引
  • JS原型和原型链的理解
  • CSP - X - 2023 普及组初赛试题及解析
  • uniapp移动端 IOS系统下无法与webview通信
  • android 一些 utils
  • gulp 教程
  • isset在php5.6-和php7.0+的一些差异
  • JavaScript新鲜事·第5期
  • js ES6 求数组的交集,并集,还有差集
  • JS正则表达式精简教程(JavaScript RegExp 对象)
  • k8s 面向应用开发者的基础命令
  • Lsb图片隐写
  • Markdown 语法简单说明
  • nginx 负载服务器优化
  • react-core-image-upload 一款轻量级图片上传裁剪插件
  • v-if和v-for连用出现的问题
  • 彻底搞懂浏览器Event-loop
  • 大整数乘法-表格法
  • 二维平面内的碰撞检测【一】
  • 京东美团研发面经
  • 前端相关框架总和
  • 深入浅出Node.js
  • 使用Envoy 作Sidecar Proxy的微服务模式-4.Prometheus的指标收集
  • 使用parted解决大于2T的磁盘分区
  • 优化 Vue 项目编译文件大小
  • 智能合约开发环境搭建及Hello World合约
  • MiKTeX could not find the script engine ‘perl.exe‘ which is required to execute ‘latexmk‘.
  • linux 淘宝开源监控工具tsar
  • ​ ​Redis(五)主从复制:主从模式介绍、配置、拓扑(一主一从结构、一主多从结构、树形主从结构)、原理(复制过程、​​​​​​​数据同步psync)、总结
  • ​iOS安全加固方法及实现
  • #我与Java虚拟机的故事#连载14:挑战高薪面试必看
  • $L^p$ 调和函数恒为零
  • (+4)2.2UML建模图
  • (0)Nginx 功能特性
  • (52)只出现一次的数字III
  • (AtCoder Beginner Contest 340) -- F - S = 1 -- 题解
  • (C++17) std算法之执行策略 execution
  • (C语言)字符分类函数
  • (Forward) Music Player: From UI Proposal to Code
  • (二)什么是Vite——Vite 和 Webpack 区别(冷启动)
  • (附源码)php投票系统 毕业设计 121500
  • (论文阅读笔记)Network planning with deep reinforcement learning
  • (生成器)yield与(迭代器)generator
  • (学习日记)2024.03.12:UCOSIII第十四节:时基列表