微信小程序uView表单验证自定规则不生效问题解决

最新推荐文章于 2024-05-20 00:00:00 发布
最新推荐文章于 2024-05-20 00:00:00 发布
阅读量658 收藏 2
点赞数 1
文章标签： 微信小程序 小程序 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/L15550932101/article/details/130357316
版权
在微信小程序中使用uView框架时，可能会遇到form表单的自定义验证规则无法正常工作的情况。为了解决这个问题，可以在uni-app的onReady生命周期钩子中调用this.$refs.uForm.setRules(this.rules)来确保规则生效。这里的uForm应替换为实际绑定的ref值。这样做可以帮助初始化表单验证规则，使其在页面加载后正确运行。
摘要由CSDN通过智能技术生成

微信小程序使用uView的form表单的自定义验证规则会不生效，只需要在script中加入

onReady() {
		//onReady 为uni-app支持的生命周期之一
    	this.$refs.uForm.setRules(this.rules)
},

这段代码就可以了，其中uForm为你的u–form表单绑定的ref的值
onReady是与onLoad，onShow同级的生命周期

帅帅李增帅
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
微信小程序(uniapp + uView)自定义导航栏
02-29
微信小程序(uniapp + uView)自定义导航栏
微信小程序引入Vant组件库过程解析
11-30
- 保持对微信小程序开发规范的了解，因为微信小程序有自己的运行环境和规则，不完全遵循 Web 开发的常规。 - 注意优化小程序的性能，避免引入过多的组件导致包体积过大，影响加载速度。 通过以上步骤，你就可以在...
uview 表单校验， 自定义校验规则， 校验不生效
weixin_45057792的博客
01-05 1005
uview uniapp表单校验，自定义校验规则，校验不生效
使用uview做表单校验不生效的原因
yhl_nsd的博客
03-26 1317
uview官网：如果需要兼容微信小程序，并且校验规则中含有方法等，只能通过setRules方法设置规则。注意：这段代码需要加载uForm渲染出来之后，否则会报。
uView2中form表单验证可能失效原因
最新发布
qq_58174484的博客
05-20 428
需添加type约束，如这里date是时间戳（数字类型），补充type为number即可，如下。总之，希望本文会对你有所帮助~ ^_^
Uview2.0版本form表单数据回显后一直校验失败。
zmx781284440的博客
06-09 861
发现有个type值，在去看官方文档，人家规定了当前数据的验证类型，默认是string类型。因为使用elementui 习惯了，看验证方法一样，直接忽略文档上手写了。因为回显的数据是Number类型，解决办法是把数据抓成string类型。我觉得这样回显的时候转换，给后端传值再去转换麻烦！所以阅读了源码（打算改源码的:):)）。
uniapp使用uview组件库的表单校验失效的解决方案
灵壹Eli的博客
06-30 1341
uniapp使用uview时表单校验失效，由于页面生命周期与组件生命周期不同，若都使用onReady会导致H5或APP无法校验表单的情况。
uniapp使用uni-forms表单校验无效
qq_44792224的博客
01-23 1412
查看是否写了name属性，且name属性的属性值得和下面v-model绑定的一致，否则校验不生效。
在微信小程序中 使用uView rules 表单校验 validator 不起作用（无效）
leaf的博客
03-03 8277
注意，如果需要兼容微信小程序，最好通过setRules方法设置rules规则 onReady() { // 如果需要兼容微信小程序，并且校验规则中含有方法等，只能通过setRules方法设置规则 this.$refs.form1.setRules(this.rules) }, ...
uniapp 微信小程序tabbar凸起的显示
08-25
在`uniapp`中处理微信小程序的tabbar凸起效果并确保其不闪烁，是一项技术性工作，涉及到CSS样式、事件处理以及可能的动画优化。 首先，我们需要了解微信小程序中的`tabbar`配置。在`app.json`文件中，我们可以定义...
微信小程序实现上传word、txt、Excel、PPT等文件功能
01-03
4.在微信小程序创建一个页面，里面使用web-view达到上传文件的目的； 效果图： 具体实现： 1. 在小程序后台配置业务域名 2. 在服务器写一个html，实现表单上传文件 index.html文件 <!DOCTYPE html> <...
微信小程序代码实现：拖拽排序列表
06-21
在微信小程序开发中，拖拽排序功能是一种提升用户体验的重要手段，尤其在列表管理场景下。本文将详细讲解如何使用`movable-view`和`movable-area`组件来实现这一功能。 `movable-view`和`movable-area`是微信小程序...
【uniapp】表单验证不生效的解决方案
近10年前端开发工作经验，为你分享日常经验所得
03-18 2596
表单验证这个常见的功能，明明在element ui等框架已经用的很熟了，在uniapp开发时还是处处碰壁？这篇文章我会提示uni-forms表单验证的几个注意点，帮助大家排查。
uniapp-uview的表单校验——同步，异步，图片必输，数字校验爬坑
mmwanwen的博客
06-28 5085
uniapp-uview的表单校验——同步，异步，图片必输，数字校验爬坑
uniapp微信小程序表单自定义校验失效解决
qq_45020145的博客
04-06 424
在原标签中，删除:rules = "rules"
uview-ui表单使用总结
无名之辈-_-
06-15 1072
其余的其它属性看官网吧，切记rules一定要写正确，要不他提交的时候this.$refs.uForm.validate()点击没有反应，一直不能触发。如果是动态配置的表单，使用v-for循环，校验规则不确定是否必填可以在validator函数判断。官网地址：https://v1.uviewui.com。常用的手机号身份证之类的都可以直接用。uView自带验证规则。
解决小程序使用uview库安装报错TypeError: this.getOptions is not a function的问题
weixin_43994760的博客
01-24 1905
解决小程序使用uview库安装报错TypeError: this.getOptions is not a function的问题
uniapp App平台 uView UI 表单校验规则失效
qq_27007423的博客
06-17 8204
必须在页面加载的时候设置表单校验规则，否则提交校验的时候无效 // An highlighted block onReady() { // 设置表单校验规则 否则表单校验无效 this.$refs.uForm.setRules(this.rules); },
处理uview表单赋值之后无法通过表单校验
weixin_44326167的博客
11-14 888
处理uview表单赋值之后无法通过表单校验
微信小程序 使用 uview 组件报错
04-23
关于您提到的微信小程序使用uview组件报错的问题，您可以尝试先检查一下您的代码和调试工具，看看是否有错误提示和详细信息，然后再根据提示解决问题。您也可以在社区中寻求帮助，结识更多的开发者，一起交流解决...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值