zoukankan      html  css  js  c++  java
  • iview表单验证之正则验证、函数验证

    iview表单验证之正则

    正则验证:

    代码:

    loginRules: {
            stringLength: [
              { required: true, message: '该字段不能为空', trigger: 'blur' },
              { pattern: /^[1-9]d*$/, message: '该字段为整数', trigger: 'blur' }
            ]
    }

    函数验证:

    1.首先在data中定义验证方法

    data () {
        const validateMax = (rule, value, callback) => {
          if (this.formItem.min !== undefined && this.formItem.max !== undefined && this.formItem.min !== '' && this.formItem.max !== '') {
            if (this.formItem.min * 1 > this.formItem.max * 1) {
              callback(new Error('最大值必须大于最小值'))
              this.$refs.FormRef.validateField('min') // iviewForm方法,验证min
            } else {
              callback()
              this.$refs.FormRef.validateField('min')
            }
          } else {
            callback()
          }
        }
        const validateMin = (rule, value, callback) => {
          if (this.formItem.min !== undefined && this.formItem.max !== undefined && this.formItem.min !== '' && this.formItem.max !== '') {
            if (this.formItem.min * 1 > this.formItem.max * 1) {
              callback(new Error('最小值必须小于最大值'))
            } else {
              callback()
            }
          } else {
            callback()
          }
        }
        return {
    }

    2.在表单验证中插入验证

    /* 表单验证 */
          loginRules: {
            max: [
              { pattern: /^-?[1-9]d*$/, message: '该字段只能是整数', trigger: 'blur' },
              { validator: validateMax, trigger: 'blur' }
            ],
            min: [
              { pattern: /^-?[1-9]d*$/, message: '该字段只能是整数', trigger: 'blur' },
              { validator: validateMin, trigger: 'blur' }
            ]
    }

    钻研不易,转载请注明出处......

  • 相关阅读:
    2015年蓝桥杯省赛A组c++第3题
    2015年蓝桥杯省赛A组c++第1题
    算法学竞赛常用头文件模板
    Android+Tomcat通过http获取本机服务器资源
    Ubuntu16.04LTS卸载软件的命令
    20个有趣的Linux命令
    Ubuntu16.04开机蓝屏问题解决
    Ubuntu启动时a start job is running for dev-disk-by延时解决
    Cookie与Session
    JS 闭包
  • 原文地址:https://www.cnblogs.com/s313139232/p/11021937.html
Copyright © 2011-2022 走看看