vue 正则检验汇总

1:密码检验    

2:手机号校验

3:浮点数和整数校验  

4:动态校验

5:中文校验

6:vue+elementui限制input只能输入数字

7:验证只能输入数字和小数,小数且只能输入2位,第一位不能输入小数点

 

复制代码
1:pwd:[pattern:/(?=.*[0-9])(?=.*[A-Z])(?=.*[a-z])(?=.*[^a-zA-Z0-9]).{8,20}/,message: "密码中必须包含大小字母、数字、特殊字符,且长度大于8,小于20"]
2:PhoneNumber:[
           {
            pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
            message: "请输入正确的联系电话",
            trigger: "blur"
          }
        ],
 3:contractPayable: [
          {
            pattern: /^(-?\d+)(\.\d+)?$/,
            message: "只允许输入浮点数和整数",
            trigger: "blur"
          }
        ],
  4::rules="{required:条件语句? true : false,message:'提示消息'}"  例::rules="{required:queryParams.payType  == 1 ? true : false,message:'请选择分期付款方式'}"
  5: name:[pattern:/^[\u4e00-\u9fa5]{0,}$/,message: "必须输入中文"]
  6:<el-input v-model="num" onkeyup="this.value = this.value.replace(/[^\d.]/g,'')"/>
  7:<el-input
 oninput="value=value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')" />
 
 
复制代码
posted @   Discriminate  阅读(766)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示