vue 表单验证 密码验证

vue 表单验证 密码验证password required true message 请输入新密码 trigger blur validator validatePass trigger blur varvalidateP rule value callback gt if value if value length amp l

这个算是修改密码中的密码校验和确认密码

password: [ { 
    required: true, message: '请输入新密码', trigger: 'blur' }, { 
    validator: validatePassword, trigger: 'blur' } ] 
var validatePassword = (rule, value, callback) => { 
    if (value !== '') { 
    if (value.length < 8) { 
    callback(new Error('请输入至少8位的密码')) return false } else if ( !/^(?=.*[A-Za-z])(?=.*\d)(?=.*[@!*#$%&_=])[A-Za-z\d@!*#$%&_=]{8,18}$/.test(value) ) { 
    callback(new Error('密码必须包含字母、数字和特殊字符(@!*#$%&_=)')) return false } else { 
    callback() } } } 

确认密码:

surePassword: [ { 
    required: true, message: '请输入确认密码', trigger: 'blur' }, { 
    validator: validateSurePassword, trigger: 'blur' } ] 
var validateSurePassword = (rule, value, callback) => { 
    if (value !== '') { 
    if (value.length < 8) { 
    callback(new Error('请输入至少8位确认密码')) return false } else if (value !== this.ruleForm.password) { 
    callback(new Error('两次输入的新密码不一致')) return false } else { 
    callback() } } } 
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/230110.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月16日 下午3:06
下一篇 2026年3月16日 下午3:06


相关推荐

  • 哈佛幸福课笔记中篇

    哈佛幸福课笔记中篇改变一生的课:哈佛幸福课笔记中篇第9课积极情绪第10课如何去改变第11课养成良好习惯第12课写日记第13课面对压力第14课过犹不及第15课完美主义第16课享受过程链接:哈佛大学公开课:幸福课.《哈佛幸福课》是改变我生活最大的一项事物,没有之一。我学习了5遍幸福课,并且用过去6年的时间去尝试它践行它,感觉完全改变了我的生活。第9课积极情绪1.感激练习,每天去做才能养成习惯,那样才能改变思维。每天变化,思考不同的方向去做。爱默生:如果星星每千年闪烁一次,我们都会仰视赞美这个世界的

    2022年7月25日
    8
  • 生于MVP,死于PMF

    生于MVP,死于PMF本文的主要内容会按照是什么、为什么以及如何做的逻辑展开,主要包括以下几部分:什么是MVP与PMF;为什么要有MVP与PMF;如何创建MVP;如何验证PMF。什么是MVP与PMFMVP(MinimalViableProduct),意思是最小可行性产品。即通过一个最小化、却可以满足核心需求的产品来测试市场的反应。为了能更好的理解MVP的概念,可参考下图。…

    2022年5月11日
    52
  • 使用AMD CPU实例部署千问Qwen-VL-Chat

    使用AMD CPU实例部署千问Qwen-VL-Chat

    2026年3月13日
    2
  • threadpooltaskexecutor线程池使用_线程池的状态

    threadpooltaskexecutor线程池使用_线程池的状态使用ThreadPoolExecutor创建线程池源码分析,ThreadPoolExecutor的构造函数publicThreadPoolExecutor(intcorePoolSize,intmaximumPoolSize,longkeepAliveTime,…

    2022年10月1日
    3
  • 混元2.0、DeepSeek V3.2,都在元宝了!

    混元2.0、DeepSeek V3.2,都在元宝了!

    2026年3月12日
    3
  • Latex中单引号,双引号「建议收藏」

    Latex中单引号,双引号「建议收藏」写论文时候,需要写出英文的单引号和双引号单引号就是”这个符号双引号的话,如果输入两个英文输入下的””,比如”paper”,LaTeX编译显示的话就是两个向下的引号。正确应该是第一个向上方向的引号用“这个符号,就是输入两个下图的键盘上的符号,所以正确应该为:“paper”…

    2022年6月25日
    35

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号