[JavaScript知识库] element-ui 表单验证器记录

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> element-ui 表单验证器记录 -> 正文阅读

[JavaScript知识库]element-ui 表单验证器记录

验证两次密码输入是否相同

 var repasswordValidator = (rule, value, callback)=>{
         if(value !== this.registerForm.password){
             callback(new Error("two password don'not match!"))
         }else{
             callback();
         }
     }

验证手机号是否合法

var checkMobile = (rule, value, cb) => {
    const regMobile = /^(0|86|17951)?(13[0-9]|15[012356789]|166|17[3678]|18[0-9]|14[57])[0-9]{8}$/
    if (regMobile.test(value)) {
        return cb()
    }
    cb(new Error('请输入格式正确的手机'))
}

验证输入邮箱格式

 var checkEmail = (rule, value, cb) => {
     const reg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/
     if (reg.test(value) || value == '') {
     cb()
     } else {
     cb(new Error('邮箱格式错误'))
     }
 }

验证输入用户名是否合法

要求为：英文字母开头，后续为字母数字及_-. @符号

  loginNameValidator(rule, value, callback){
    const reg= /^[a-zA-Z][\w-. @]*$/;
    if(value == '' || value == undefined || value == null){
      callback();
    }else {  
      if (!reg.test(value)){
        callback(new Error('要求为：英文字母开头，后续为字母数字及_-. @符号'));
      }else {
        callback();
      }
    }
  }