ant design vue金额校验

ant design vue表单控件使用v-decorator进行表单校验

v-decorator="['je',{ rules: [{ required: true,validator:verifyJE }] },]"//校验方法
verifyJE(rule, value, callback){let curValue=Number(value)curValue=curValue.toFixed(2)let yfValue=this.form.getFieldValue('zyfje')||'无'let reg=/(^[1-9]{1}[0-9]*$)|(^[0-9]*\.[0-9]{2}$)/let lengthCheck=falselet dotCheck=falseif(value.indexOf('.')!=-1){ if(value.split('.')[1].length>2){lengthCheck=true //判断小数位数}else if(value.split('.')[1].length==0){dotCheck=true //判断整数后输入点（.）的情况如（12.）}}if(curValue>yfValue){callback('金额大于该商品款项应付金额!')}else if(value===''){callback('请输入已支付金额')}else if(!reg.test(value)){callback('禁止输入汉字和特殊字符')}else if(yfValue==='无'){callback('未获取该款项应付金额!')}else if(lengthCheck){callback('小数位数超出两位')}else if(dotCheck){callback('小数位为空')}else{callback()}},

ant design vue金额校验相关推荐

Ant Design Vue select下拉列表设置默认值
在项目中需要为Ant Design Vue 的 select 组件设置一个默认值,如下图所示的状态下拉选择框,默认选择全部代码如下: 1 <a-select v-model="que ...
iviewui php,Vue UI框架对比：Element UI、Ant Design Vue、iView
Element UI 文档:https://element.eleme.io/#/zh-CN/component/installation vue-element-admin预览:https://pa ...
解决ant design vue中的modal弹框样式修改无效问题修改modal样式无效
ant design vue中的modal弹框修改样式无效问题 ant中的弹框样式是修改不了的原因在于弹框modal被挂载在最大的元素div外面了所以需要将挂载在某个html元素上在modal外 ...
【Ant Design Vue】之Grid栅格和Space间距
文章目录 Grid 栅格 Space 间距 Grid 栅格 Ant Design Vue 将整个设计建议区域按照 24 等分的原则进行划分,划分之后的信息区块我们称之为『盒子』.建议横向排列的盒子数量 ...
Vue笔记-Ant Design Vue构建前端连接后端WebSocket
运行结果如下: 程序结构如下: 关键代码: App.vue <template><a-layout class="layout"><a-layout- ...
vue将每个路由打包成html,Ant Design Vue pro 动态路由的实现和打包
Ant Design Vue pro 动态路由的实现和打包 Ant Design Vue pro 动态路由的实现和打包配置路由权限在config文件夹下router.config.js中配置路由权 ...
ant design vue pro 支持多页签模式页签可以缓存
ant design vue pro 支持多页签模式页签可以缓存代码贴在最后启动之后页面是这样的: 第一步:修改 src/layouts/BasicLayout.vue 文件,在该文件中添加mu ...
记录ant design vue a-select Form编辑时回显数据库数据为value而不是label的问题
记录ant design vue a-select Form编辑时回显数据库数据为value而不是label的问题先贴解决后的代码 option遍历的集合格式如下解释官方文档中解释到select ...
基于 Vue3.0 和 Ant Design Vue ,高颜值管理后台UI框架vue-vben-admin运行
简介 Vue Vben Admin 是一个免费开源的中后台模版.使用了最新的vue3,vite2,TypeScript等主流技术开发,开箱即用的中后台前端解决方案,也可用于学习参考. Github地址 ...
ant design vue 组件 Tree
ant design vue 组件 Tree 实现效果: 实现代码: <div class="tree"><a-treeshow-iconshow-line:lo ...

ant design vue金额校验

ant design vue金额校验相关推荐

最新文章

热门文章