uview！form表单校验不好用，自定义方法

最新推荐文章于 2024-12-27 14:58:52 发布

原创最新推荐文章于 2024-12-27 14:58:52 发布 · 6.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app

uni-app 同时被 2 个专栏收录

3 篇文章

订阅专栏

uview

1 篇文章

订阅专栏

针对uni-app的uview框架内置表单验证功能不满足需求，本文介绍如何创建自定义验证规则，特别是针对字段非空检查的增强方法。

//表单校验
	// params form表单对应model rules表单检验rules
			checkRules(params, rules) { 
				for (let key in rules) {
					let arr = rules[key]
					for (let i = 0; i < arr.length; i++) {
						let rule = arr[i],
							val = params[key] === 0 ? '0' : params[key] || ''
						if (rule.required && val === '') { 
							uni.showToast({
								title: rule.message,
								icon: "none"
							});
							return false
						}
					}
				}
				return true
			}