vue校验cron7子表达式

最新推荐文章于 2024-08-16 09:01:14 发布

Dolphin_bobo

最新推荐文章于 2024-08-16 09:01:14 发布

阅读量1.4k

点赞数

分类专栏：前端文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/Dolphin_bobo/article/details/127627892

版权

本文介绍了在Vue.js项目中，针对cron7子表达式的校验需求，如何使用vcrontab组件和cron-parser库进行有效校验。虽然 cron-parser 原生不支持年份校验，但作者通过自定义方式添加了年份的简单校验，以确保用户输入的cron表达式的合法性。请注意，当前的年份校验存在限制，如未检查年份是否在当前月份之后。

摘要由CSDN通过智能技术生成

vue校验cron7子表达式

1、背景：

使用cron的UI组件生成表达式，同时也支持手填表达式，故需要对表达式进行有效的校验

2、组件：

UI组件为：vcrontab，效果如下图所示：
校验组件为：cron-parser（^4.6.0）
校验方式使用form表单校验，自定义校验方式(解决方案中的截图为自定义的校验方法)，并在元素校验规则中添加该校验方法，如下图所示：

3、问题及处理方案

该校验组件只支持六子校验，不包括年。故手动添加了年的校验如下：

// 检测字符串是否为cron表达式
export function validateCron(rule, value, callback){
  if(!!value){
   // 拆除多余的空格
    value = value.split(" ").filter(el=>el).join(" ")
    console.log('===' +value)
    //