当前位置: 首页 > news >正文

office做的网站怎么发布app营销

office做的网站怎么发布,app营销,新手网站设计定价,网站公司大全async-validator 是一个基于 JavaScript 的表单验证库,支持异步验证规则和自定义验证规则 主流的 UI 组件库 Ant-design 和 Element 中的表单验证都是基于 async-validator 使用 async-validator 可以方便地 构建表单中逻辑,使得错误提示信息更加友好和灵…

async-validator 是一个基于 JavaScript 的表单验证库,支持异步验证规则和自定义验证规则
主流的 UI 组件库 Ant-design 和 Element 中的表单验证都是基于 async-validator
使用 async-validator 可以方便地 构建表单中逻辑,使得错误提示信息更加友好和灵活。

使用步骤

  1. 安装并在项目中导入 async-validator
  2. 创建验证规则
  3. 创建表单验证实例,将验证规则传递给构造函数,产生实例
  4. 调用实例方法 validate 对数据进行验证
    第一个参数:需要验证地数据
    第二个参数:回调函数,回调函数有两个参数 errors,fields
    errors:如果验证成功,返回 null 验证错误 返回数据
    fields:需要验证地字段,属性值错误数据

示例

// 从 async-validator 中引入构造函数
import Schema from 'async-validator';
const app = getApp()
Page({data: {orderAddress: {},orderInfo: {}, // 订单详情show: false,currentDate: new Date().getTime(),minDate: new Date().getTime(),deliveryDate: "",buyName: '',buyPhone: '',blessing: '', },// 处理提交订单async onSubmit() {// 需要从 data 中结构数据// 需要根据接口要求组织请求参数const { deliveryDate, buyName, buyPhone, blessing, orderAddress, orderInfo } = this.data// 需要根据接口要求组织请求参数const params = { buyName,buyPhone, deliveryDate, cartList: orderInfo.cartVoList, remarks: blessing,  userAddressId: orderAddress.id }const { valid } = await this.validatorAddress(params)console.log(valid)// true/false},validatorAddress(params) {// 验证订购人,是否包含大小写字母、数字和中文字符const nameRegExp = '^[a-zA-Z\\d\u4e00-\\u9fa5]+$'// 验证手机号,是否符合中国大陆手机号码的格式const phoneReg = '^1(?:3\\d|4[4-9]|5[0-35-9]|6[67]|7[0-8]|8\\d|9\\d)\\d{8}$'// 创建验证规则const rules = {userAddressId: { required: true, message: '请选择地址' },buyName: [{ required: true, message: '请输入姓名' },{ pattern: nameRegExp, message: '不合法' }],buyPhone: [{ required: true, message: '请输入手机号' },{ pattern: phoneReg, message: '手机号不合法' }],deliveryDate: { required: true, message: '请选择日期' },}// 传入验证规则进行实例化const validator = new Schema(rules)// 调用示例方法对请求参数进行验证// 注意:我们希望将验证通过 Promise 的形式返回给函数的调用者return new Promise((resolve) => {validator.validate(params, (errors) => {if (errors) {// 如果验证失败,需要给用户进行提示wx.toast({ title: errors[0].message })// 如果属性值是 false,说明验证失败resolve({ valid: false })} else {// 如果属性值是 true,说明验证成功resolve({ valid: true })}})})},})
http://www.tj-hxxt.cn/news/45067.html

相关文章:

  • 网站空间位置是什么品牌网络营销推广方案策划
  • 上海网站开发开发好的公司电话成人电脑培训班办公软件
  • 社保网站人员减少怎么做seo引擎优化是什么
  • 网页小程序天津seo外包团队
  • 网站seo优化有哪些seo 的作用和意义
  • 做兼职的网站贴吧网站收录什么意思
  • 用flash做网站教程互动营销是什么意思
  • 云南餐饮网站建设百度自动优化
  • 饰品交易网站怎么做北京网站建设开发公司
  • 腾讯企点怎么注册织梦seo排名优化教程
  • 网站建设背景分析论文自助建站平台
  • 广西做网站如何提升网站搜索排名
  • 网站建设进度及实过程百度小说排行榜2019
  • 如何提升网站的搜索排名免费精准客源
  • 找别人建个网站多少钱今日国际新闻大事件
  • 域名停靠万网域名网站入口三只松鼠有趣的软文
  • 江苏省建设工程招标网站福州seo建站
  • 深圳市住建局网站网店推广方案策划书
  • 新网站如何做网站优化seo全网优化指南
  • 百度自媒体平台优化官网咨询
  • 长沙政策疫情seo要点
  • 易语言做网站爆破工具最近热点新闻事件2023
  • 如何给公司做一个网站拼多多关键词排名查询工具
  • 国内无代码和低代码平台郑州黑帽seo培训
  • 安徽省委党校网站 理论建设百度网盘app手机版
  • 中医院网站建设方案百度app下载并安装最新版
  • wordpress 今日头条插件优化seo网站
  • dwcs5做h5网站网站名查询网址
  • 外贸网站建设服务器青岛关键词优化报价
  • 广州做模板网站的公司上海专业排名优化公司