vue自定义邮箱和手机号验证方法,重置表单方法

2024年5月9日 180次阅读 来源: 像夏天一样热 
data () { 
    // 自定义邮箱规则
    var checkEmail = (rule, value, callback) => { 
      const regEmail = /^\w+@\w+(\.\w+)+$/
      if (regEmail.test(value)) { 
        // 合法邮箱
        return callback()
      }
      callback(new Error('请输入合法邮箱'))
    }
    // 自定义手机号规则
    var checkMobile = (rule, value, callback) => { 
      const regMobile = /^1[34578]\d{ 9}$/
      if (regMobile.test(value)) { 
        return callback()
      }
      // 返回一个错误提示
      callback(new Error('请输入合法的手机号码'))
    }
    return { }
    }

使用

 		eemail: [
          {  required: true, message: '请输入邮箱', trigger: 'blur' },
          {  validator: checkEmail, trigger: 'blur' }
        ],
        ephone: [
          {  required: true, message: '请输入手机号码', trigger: 'blur' },
          {  validator: checkMobile, trigger: 'blur' }
        ]

form上添加ref属性
ref=“addUserFormRef”
定义close方法
@close=“addDialogClosed”
定义方法

 // 监听 添加用户对话框的关闭事件
    addDialogClosed () {
      this.$refs.addUserFormRef.resetFields()
    },
    原文作者：像夏天一样热
    原文地址: https://blog.csdn.net/qq_37356556/article/details/105588886
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞