博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
在vue项目中 form表单 校验保留小数点后两位
阅读量:4102 次
发布时间:2019-05-25

本文共 497 字,大约阅读时间需要 1 分钟。

在项目中要求输入金额时只保留小数点后两位,如下图:

在这里插入图片描述
在vue项目中使用的是form表单,需要添加自定义校验规则,用正则如下:
在这里插入图片描述
var isPriceVlidator= (rule, value, callback) => {
var pattern = /^\d+.?\d{0,2}$/;
if(value > 214748){
return callback(new Error(‘销售报价金额过大’))
}else if (value <= 214748 && !pattern.test(value)) {
return callback(new Error(‘小数点后最多只能输入两位’))
}else return callback()
}
rules:{
price: [
{ required: true, message: ‘请输入销售报价(单位:万)’, trigger: ‘blur’ },
{ validator: isPriceVlidator, trigger: ‘blur’ }
],
}
加上这个正则判断后就可以达到自己想要的目的了,如果有更好的方法,欢迎推荐!!

转载地址:http://pgzsi.baihongyu.com/

你可能感兴趣的文章
Spring-Cloud-Finchley | 负载均衡 RestTemplate+Ribbon
查看>>
Spring-Cloud-Finchley | 声明式服务调用 Feign
查看>>
Spring-Cloud-Finchley | 熔断 Hystrix
查看>>
Spring-Cloud-Finchley | 路由网关 Zuul
查看>>
Spring-Cloud-Finchley | 配置中心 Config
查看>>
Kong 网关 | 快速安装与入门
查看>>
PostgreSQL 安装与入门
查看>>
Kong 网关 | Rate Limiting 限流
查看>>
Kong网关 | 「Kong & Prometheus & Grafana」 实时监控
查看>>
Kong 网关 | Service
查看>>
Kong 网关 | Route
查看>>
自媒体的未来
查看>>
写作的好处
查看>>
分布式的冰与火 | 分布式配置中心 Apollo (CentOS安装)
查看>>
Redis | Redis 单机版安装与使用(Linux)
查看>>
延迟满足 —— 达到目标需要忍住重重诱惑
查看>>
SpringBoot 2.0 | SpringBoot 集成 Apollo
查看>>
Redis | 持久化机制
查看>>
计算机专业Java毕设怎么做
查看>>
MySQL | MySQL 主从复制
查看>>