【分享】宜搭js代码验证组件校验结果(触发组件校验)

简介: 有时候需要手动触发校验,特别是自定义页面,校验通过才进行下一步 by 页一

校验通过后函数返回true,否则返回false

fieldList可以是任何宜搭输入组件,也支持子表单

  • 校验代码如下
//true 所有校验通过  false校验不通过exportasyncfunctionfieldsValidate(fieldList= []) {
letresult=true;
awaitPromise.all(fieldList.map(item=>newPromise(resolve=> {
this.$(item).validate(errors=> {
if (errors!==null&&errors.errors!==null)
result=false;
resolve();
      });
    }))
  ).catch(err=>this.utils.toast(err.message));
returnresult;
}


调用方法选一个就行了,一:回调写法,二:异步写法

  • 调用方法1
exportfunctiononClick() {
this.fieldsValidate([
'tableField_lf9eo273', 'textField_lfagaqzb', 'radioField_lfagaqzd', 'cascadeDateField_lfagaqze'  ]).then(res=> {
if (res) {
//校验通过...console.log('校验通过');
    }
  })
}
  • 调用方法2
//注意函数名前 加asyncexportasyncfunctiononClick() {
letres=awaitthis.fieldsValidate([
'tableField_lf9eo273', 'textField_lfagaqzb', 'radioField_lfagaqzd','cascadeDateField_lfagaqze'    ]);
if (res) {
//校验通过...console.log('校验通过');
  }
}

钉钉.png+

目录
相关文章
|
JavaScript 前端开发 开发者
哇塞!Vue.js 与 Web Components 携手,掀起前端组件复用风暴,震撼你的开发世界!
【8月更文挑战第30天】这段内容介绍了Vue.js和Web Components在前端开发中的优势及二者结合的可能性。Vue.js提供高效简洁的组件化开发,单个组件包含模板、脚本和样式,方便构建复杂用户界面。Web Components作为新兴技术标准,利用自定义元素、Shadow DOM等技术创建封装性强的自定义HTML元素,实现跨框架复用。结合二者,不仅增强了Web Components的逻辑和交互功能,还实现了Vue.js组件在不同框架中的复用,提高了开发效率和可维护性。未来前端开发中,这种结合将大有可为。
717 1
|
JavaScript 前端开发 API
探索Vue.js 3的组合式API:一种更灵活的组件状态管理方式
【10月更文挑战第5天】探索Vue.js 3的组合式API:一种更灵活的组件状态管理方式
|
Web App开发 JavaScript 前端开发
用 JavaScript 创建 XPCOM 组件
用 JavaScript 创建 XPCOM 组件
|
Android开发 iOS开发 C#
Xamarin:用C#打造跨平台移动应用的终极利器——从零开始构建你的第一个iOS与Android通用App,体验前所未有的高效与便捷开发之旅
【8月更文挑战第31天】Xamarin 是一个强大的框架,允许开发者使用单一的 C# 代码库构建高性能的原生移动应用,支持 iOS、Android 和 Windows 平台。作为微软的一部分,Xamarin 充分利用了 .NET 框架的强大功能,提供了丰富的 API 和工具集,简化了跨平台移动应用开发。本文通过一个简单的示例应用介绍了如何使用 Xamarin.Forms 快速创建跨平台应用,包括设置开发环境、定义用户界面和实现按钮点击事件处理逻辑。这个示例展示了 Xamarin.Forms 的基本功能,帮助开发者提高开发效率并实现一致的用户体验。
715 0
|
JavaScript 开发者
揭秘Vue.js生命周期钩子:它们是如何掌控组件的生与死?
【8月更文挑战第30天】Vue.js 的生命周期钩子是开发者必须掌握的关键概念,它涵盖了组件从创建、挂载、更新到销毁的整个过程,提供了在特定时机操作DOM、获取数据或执行逻辑的能力。从 `beforeCreate` 到 `unmounted`,每个阶段都有特定的任务:如 `created` 适合异步数据获取,`mounted` 用于DOM操作,而 `beforeUnmount` 则用于清理资源。
374 0
|
编解码 运维 监控
4.1 钉钉宜搭大屏介绍|学习笔记
快速学习4.1 钉钉宜搭大屏介绍
4.1 钉钉宜搭大屏介绍|学习笔记
|
存储 安全 数据可视化
宜搭接入钉钉闪记,会议记录、拜访录入效率飙升!
钉钉闪记是一款实时记录并快速实现语音转文字的工具,特别适合处理冗长的会议或培训视频。通过与宜搭平台的无缝集成,用户可以一键获取会议的关键知识点和重要内容片段,自动生成结构清晰的会议纪要,极大提升了工作效率。无论是销售拜访还是头脑风暴,闪记都能显著减少整理会议资料的时间,为企业带来高效的办公体验。
1553 12
|
数据可视化
钉钉宜搭线上训练营开营啦!
还在独自摸索低代码苦于没有专业人员指导学习吗? 还在烦恼如何将业务场景搬到钉钉宜搭提高效率么? 集成&自动化、连接器、酷应用、数据大屏这些炫酷能力你会用么?
776 0
|
JavaScript
基于钉钉的宜搭创建付款流程
基于钉钉的宜搭创建付款流程
708 1

相关产品