微信小程序 表单验证(async-validator)

news/2024/11/25 7:44:37/

一. 安装

npm i async-validator

二. 代码

import Schema from 'async-validator';   // 引用
Page({data: {name: '',    // 要验证的数据},// 对数据进行验证onValidator() {// 定义规则const rules = {// key 验证规则的名称 名字需要和验证的数据保持一致name: [// required: 必填// message 验证失败 提示的错误信息{required: true, message: '名字不能为空!'},// type 验证的数据类型{type: "string", message: ' name不是字符串!'},// min最小位数 max最大位数{min: 2, max: 3, message: ' name不是字符串!'},// pattern 验证正则// {pattern: '', message: ' name不是字符串!'},// validator 自定义验证规则// {validator: () => {}},]};// 需要对构造函数进行实例化,同时传入验证规则const validator = new Schema(rules);// 需要调用validate实例方法 对数据进行验证// 第一个参数:需要验证的数据 要求数据是一个对象// validate 方法只会验证和验证规则同名的字段// 第二个参数:是一个回调函数validator.validate(this.data, (errors, fields) => {// 如果验证成功, errors是一个null// 如果验证失败, errors是一个数组 数组每一项是错误信息// fields 是需要验证的属性 属性值是一个数组 数组中也包含错误信息if(errors) {console.log('验证失败')console.log(errors);console.log(fields);}else {console.log('验证成功')}})}})


http://www.ppmy.cn/news/1549763.html

相关文章

第21周:机器学习

目录 摘要 Abstract 一、ARIMA模型 1、时间序列模型 (1)时间序列的分析方法 (2)时间序列的预处理 (3)ARIMA模型的引入 2、AR模型 3、MA模型 4、小结 二、K-means聚类算法 三、实验 1、数据处…

PPT文件过大的原因排查

1、文件中包含很多图片或者视频文件 该问题压缩图片或者减少图片即可 2、文件中嵌入了字体 WPS:点击左上角-工具-选项-常规与保存-将字体嵌入文件,取消勾选 Office:点击左上角-文件-选项-保存-将字体嵌入文件,取消勾选

C语言进阶6:文件操作

本章重点 为什么使用文件什么是文件文件的打开和关闭文件的顺序读写文件的随机读写文本文件和二进制文件文件读取结束的判定文件缓冲区 文章目录 1.为什么使用文件2.什么是文件2.1 程序文件2.2 数据文件2.3 文件名 3.文件的打开和关闭3.1 文件指针3.2 文件的打开和关闭 4.文件…

[论文阅读]Can GNN be Good Adapter for LLMs?

Can GNN be Good Adapter for LLMs? http://arxiv.org/abs/2402.12984 WWW 24: Proceedings of the ACM Web Conference 2024 研究背景和问题: (1)实际应用场景和问题提出 大型语言模型(LLM)在自然语言处理&…

3、集线器、交换机、路由器、ip的关系。

集线器、交换机、路由器三者的关系 1、集线器2、交换机(每个交换机是不同的广播域,ip地址起到划分广播域的作用)3、 路由器4、ip地址 1、集线器 一开始两台电脑通信就需要网线就可以,但是三台或者更多主机通信时,就需…

UE5 Geometry Collection组件

在 Unreal Engine 5 (UE5) 中,Geometry Collection 是一个强大的工具,属于 Chaos Physics 系统,用于处理 破坏(Destruction)和 碎片化(Fracture)效果。它可以让你创建高度真实的物理模拟&#x…

第一个autogen与docker项目

前提条件:在windows上安装docker 代码如下: import os import autogen from autogen import AssistantAgent, UserProxyAgentllm_config {"config_list": [{"model": "GLM-4-Plus","api_key": "your api…

Android Surfaceflinger显示图层合成方式

Android SurfaceFlinger是Android系统中负责窗口管理和图像合成的核心组件。它接收来自不同应用的图层数据,并将这些图层合并成一个单一的图像,然后输出到显示设备上。SurfaceFlinger的合成方式主要涉及两种:Client合成和Device合成。 adb s…