Vue:自定义验证commonValidator.js

最新推荐文章于 2022-06-19 09:41:26 发布

伯恩dadi

最新推荐文章于 2022-06-19 09:41:26 发布

阅读量384

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/boenwan/article/details/102953507

版权

本文详细探讨了在Vue中创建自定义验证器`commonValidator.js`的方法，涵盖了如何定义验证规则、集成到Vue实例以及在表单验证中使用自定义验证器的关键步骤。通过这个实践教程，读者将能掌握自定义验证器在提高应用数据验证灵活性方面的重要性。

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

/**
 * 自定义校验
 */
import moment from 'moment'

const CommonValidator = {
   
  data() {
   
    return {
   
      countReg: /^\d{
   1,}?$/,
      moneyReg: /^\d{
   1,}?(\.\d{
   0,2})?$/
    }
  },
  methods: {
   
    /**
     * input:验证是金额
     */
    validateMoneyVal(rule, value, callback) {
   
      if (value === undefined || value === null || value === '') {
   
        callback()
        return
      }
      if (value) {
   
        if (!this.moneyReg.test(value)) {
   
          callback(new Error(this.$t('common.validate.insertDecimals')))
        } else if (value > 99999.99) {
   
          callback(new Error(this.$t('common.validate.max99999_99')))
        } else {
   
          callback()
        }
      } else {
   
        return true
      }
    },

    /**
     * input:验证是金额可以为负数
     */
    validateNegativeMoneyReg(rule, value, callback) {
   
      if (value === undefined || value === null || value === '') {
   
        callback()
        return