uni-app空验证后，表单验证失效

已于 2023-12-19 09:32:55 修改
阅读量473 收藏 6
点赞数 7
文章标签： uni-app
于 2023-12-19 09:27:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42273840/article/details/135076702
版权

最近在练习uni-app项目，其中用到了表单验证

部分代码如下：

但在具体使用时发现，如果表单提前进行过一次空验证，那么下一次如果只修改一个值，验证规则是不生效的。至少要修改两个值以上才可以继续使用

排查问题后发现是因为在onReady内重新setRules（）了验证规则，解决方法也很简单，去掉uni-forms标签内的：:rules='rulrs'或去掉onReady时的setRules（）即可

wieloryba
关注
  • 7
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
uniapp的form表单自定义验证规则
Y2000104的博客
12-16 801
【代码】uniapp的form表单自定义验证规则。
uniapp表单uni-forms校验自定义校验规则，手机校验、身份证校验
m0_48259951的博客
06-13 1万+
validateFunction 自定义校验规则 如果需要使用 validateFunction 自定义校验规则,则不能采用 uni-forms 的 rules 属性来配置校验规则，这时候需要通过ref，在生命周期调用组件的setRules方法绑定验证规则 无法通过props传递变量，是因为微信小程序会过滤掉对象中的方法，导致自定义验证规则无效。.........
小程序表单校验uni-forms正确使用方式及避坑指南
热门推荐
iamlujingtao的博客
05-13 1万+
解决小程序上使用uni-forms表单验证的问题，实现即时校验、自定义校验规则、异步校验，满足绝大部分表单校验！
uniapp之表单校验
weixin_44634613的博客
03-31 1万+
validateFunction 方法返回四个参数 validateFunction:function(rule,value,data,callback){} ，当然返回参数名开发者可以自定义：rule : 当前校验字段在 rules 中所对应的校验规则value : 当前校验字段的值data : 所有校验字段的字段和值的对象。
uniapp如何进行表单验证
wssg1206的博客
10-09 1595
uni-ui。
uni-app 富文本编辑 回显富文本和修改富文本！
最新发布
11-21
uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富...
uni-app登录实例的实现
10-29
【uni-app登录实例的实现】 在移动应用开发领域，uni-app是一个备受青睐的跨平台框架，它允许开发者用一套代码实现多端部署，包括iOS、Android、Web等。本实例将详细讲解如何使用HBuilderX工具来开发一个uni-app...
uni-app uni-data-picker 省市区数据表
06-16
<uni-data-picker> 是一个选择类datacom组件。支持多列级联选择。列数没有限制，如果屏幕显示不全，顶部tab区域会左右滚动。 适用于uni-app使用uni-data-picker实现省市区选择器的json数据
基于uni-app框架的登录模板
02-21
【基于uni-app框架的登录模板】是一个用于快速构建移动应用登录界面的开发资源，它利用了uni-app这一跨平台的前端框架。uni-app是由ECharts团队开发的，它允许开发者用一套代码编写应用，然后发布到iOS、Android、H5...
uni-app开发商城类小程序
01-22
【uni-app开发商城类小程序】 uni-app是一款由DCloud(海豚浏览器团队)推出的多端开发框架，它允许开发者编写一次代码，即可在iOS、Android、H5、微信小程序、支付宝小程序、百度小程序等多个平台上运行。这个框架的...
uni-app 的30分钟倒计时
06-20
uni-app 的30分钟倒计时
uni-app
02-22
uni-app的组件库还包括列表、按钮、图片、表单等常见的UI元素，以及各种交互效果，使得开发者能够快速地搭建出符合设计稿的应用界面。 uni-app的跨平台能力得益于其基于Vue.js的语法体系，这使得熟悉Vue的开发者...
uni-app基础.pptx
09-01
uni-app 是一个基于 Vue.js 的跨平台开发框架，它允许开发者使用一套代码库构建应用程序，这些应用程序可以部署在iOS、Android、H5以及各种小程序平台上，如微信、支付宝、百度、头条、QQ和钉钉。这极大地提高了开发...
使用uni-app搭建的企业OA app
03-23
在实现企业OA app的功能时，开发者可能会用到uni-app的组件如`uni-forms`（表单）、`uni-grid`（网格）、`uni-swiper`（轮播图）等，以及uniCloud（阿里云提供的云端服务）来实现数据的存储和同步，确保多平台的数据...
uni-app uni-forms组件的表单验证
路虽远行则将至，事虽难做则必成。
06-20 1622
最近使用uni-app开发时，在使用加强表单时，使用表单验证的过程和PC端的区别uni-app文档说如果要使用自定义表单验证是需要去掉form中:rules="rules",使用ref绑定但最终我使用自定义校验规则，使用上面2种方式都会触发，个人觉得还是以官方文档为主，万一:rules="rules"失效导致错误就得不偿失。
【uniapp学习之】uni-forms必填项校验
weixin_38673922的博客
07-25 2586
【代码】【uniapp学习之】uni-forms必填项校验。
关于uni-app中uni-forms表单验证时“多级结构对象数据”如何做数据校验的解决方案
weixin_43403746的博客
03-02 3537
使用“动态表单校验”来解决uni-app中“多级结构对象数据”的校验问题，
uni-app实现验证用户是否授权相册权限
05-31
您好，要在uni-app中实现验证用户是否授权相册权限，可以使用uni.requestAuth()方法。具体步骤如下： 1. 在template中添加按钮，用于触发授权操作： ``` <button type="default" @click="checkAuth">检查授权</button> ``` 2. 在methods中定义checkAuth()方法，用于检查用户是否授权相册权限： ``` methods: { checkAuth() { uni.getSetting({ success(res) { if (!res.authSetting['scope.writePhotosAlbum']) { uni.authorize({ scope: 'scope.writePhotosAlbum', success() { uni.showToast({ title: '授权成功', icon: 'success' }) }, fail() { uni.showToast({ title: '授权失败', icon: 'none' }) } }) } else { uni.showToast({ title: '已授权', icon: 'success' }) } } }) } } ``` 3. 在checkAuth()方法中，首先使用uni.getSetting()方法获取用户的授权信息。如果用户没有授权相册权限，就使用uni.authorize()方法请求授权。授权成功后，会弹出一个提示框显示授权成功信息；授权失败则会弹出一个提示框显示授权失败信息。如果用户已经授权了相册权限，就直接弹出一个提示框显示已授权信息。 以上就是在uni-app中验证用户是否授权相册权限的方法。希望对您有帮助。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值