vue 表单验证调后台数据验证
2023-09-11 14:22:42 时间
const validateorderPrice = (rule, value, callback) => { //必须包含大小写字母、数字、特殊字符长度再9-16位之间 var regex = new RegExp("(?=.*[0-9])(?=.*[a-zA-Z])(?=.*[^0-9]).{8,16}"); if (value === "") { callback(new Error("请输入服务费,不能为空")); }else { //销售价不能超过(-5% < 服务费 < +15%) getSalePrice(this.carProduct.id,this.formCar.carBasicInfo.id,this.carProduct.canalId,this.carProduct.insurerId).then(response => { if(response.data!=undefined){ var maxSalesPrice = response.data.salesPrice*1.15; var minSalesPrice = response.data.salesPrice*0.95; if(value>maxSalesPrice || value < minSalesPrice){ console.log("销售价不能超过(-5% < 服务费 < +15%)"); callback(new Error('服务费不能超过['+maxSalesPrice+'],且不能低于['+minSalesPrice+']')) } } }); //callback(); } }; orderPrice: [ //{required: true, message: "服务费不能为空", trigger: "blur"}, {required: true, validator: validateorderPrice, trigger: "blur" } ],
orderPrice: [ //{required: true, message: "服务费不能为空", trigger: "blur"}, {required: true, validator: validateorderPrice, trigger: "blur" } ],
相关文章
- 如何运行vue项目
- (尚018-第二章2.1)Vue使用vue-cli创建模板项目
- 【Vue和Vue3+vite】通过脚手架配置代理实现axios跨域与第三方后台数据传递(图文+代码示例)
- 【Vue】vue中VM的生命周期及加载和销毁实例
- 给vue项目添加ESLint
- Vue2.0 搭建Vue脚手架(vue-cli)
- vue前端调后台接口下载excel文件
- vue 给对象新增属性
- [转]Vue CLI 3搭建vue+vuex 最全分析
- vue.js+node.js前端实战开发(一)————cmd命令搭建项目
- Vue vue-awesome-swiper 的坑
- vuepress的markdown中引入vue单文件组件
- Vue 国际化之 vue-i18n 的使用
- VUE图片懒加载-vue lazyload插件的简单使用
- vue实战入门后台篇九:springboot+mybatis实现网站后台-代码整合及重构优化
- vue实战入门后台篇一:springboot+mybatis实现网站后台-项目框架搭建
- vue实战入门进阶篇八:vue+elementui实现网站后台-内容配置界面实现
- vue实战入门进阶篇七:vue+elementui实现网站后台-访问统计界面实现
- vue实战入门进阶篇三:vue+elementui实现网站后台-系统框架搭建
- vue学习笔记四:Jquery VS Vue之元素操作明细对照
- vue文档摘录九:Vue Router
- vscode快速生成vue代码---创建Vue代码模板
- Vue经典实例之数据搜索、数据过滤(简单易懂)
- 关于vue的页面跳转后,如何每次进入页面时都能获取后台数据
- Vue动态控制input的disabled属性的方法
- vue-router 的URL路径中#的意义