首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

前端表单数据那些事

前言:这段时间一直在搞to B方向中后台的项目,表单接触的频率会比较多,就突发奇想聊聊表单数据相关的一些基础分享 1.数据处理 当表单在视图所展示的数据并不是后端需要的数据,或者后端返回的数据不是前端所要展示的内容...1.2 场景2:只提取我要的数据 场景:后端不需要表单数据那么多数据,只需要一部分时可以用 const formData= JSON.parse( JSON.stringify(this.form...1.6 场景6: 数据合并 数据合并,将表单数据字段合并,注意的是,如果字段相同,会覆盖前面表单数据字段的数值 const query = { tenaId: '订单编号', id:'查询ID'...2.表单校验 当表单数据填写完成,需要进一步做表单提交传送后端服务器,但是前端需要做数据的进一步确实是否符合规则,比如是否为必填项、是否为手机号码格式 2.1 简单版的单字段检查 data() {...element的ElForm表单组件校验原理跟上一节讲的iview组件库很像,这里就不做大篇幅介绍说明,直接“上才艺”-----源码链接 2.5 常见校验规则 通过不同正则规则,来约束不同类型的表单数据是否符合要求

1K50
领券