12.springboot+vue实现新增和修改含表单校验自定义校验
分类： springboot vue 专栏： 【带小白做项目】SpringBoot+Vue后台管理系统 标签： 表单校验 新增和修改
2024-12-01 17:03:52 35浏览
新增和修改可以做到一起，根据前端 有没有传 id 就可以判断，如果前端传了 id,那就说明是修改操作，如果没传 id 那就说明是新增操作。
预期效果
文件上传我们单独放后面这次先不做文件上传。logo 图片上传可以单独领出来做。
表单校验
必填项。数字校验，自定义校验（apk 唯一性校验）
这里重点是自定义数据校验
自定义验证
由于我们新增和修改是做到一起了，这个唯一性校验的时候就得注意一种特殊情况——修改的时候用户没修改 apk 名称，只是修改别的数据，这样的话你如果只是拿用户填写的 apk 名称去数据库查的话，那肯定 apk 名称已存在，会导致表单永远无法提交。所以要考虑这种特殊情况。只要是这种情况的就不应该校验 apkname 的唯一性，其他情况就必须校验（新增或者修改的时候改了 apkname 的情况都要校验）
验证数字格式
针对软件大小这个值的验证，必须是数字，且必须是大于 0 的
正则表达式验证
可以用以上方式操作，当然也可以考虑用正则表达式
可以直接用 ai 查一个正则表达式
我这里查了一个
^(?!0+(\.0*)?$)(\+)?([1-9]\d*(\.\d+)?)$然后我们可以用在线正则表达式的工具去测试写的正则是否正确
好博客就要一起分享哦！分享海报
此处可发布评论
评论（0）展开评论
展开评论
新业务 
springboot学习 
ssm框架课 
vue学习 