微信小程序> 小程序form表单验证

小程序form表单验证

浏览量:1874 时间: 来源:一隻黑猫

链接: https://pan.baidu.com/s/1XbxufnE4xVH3hJrzt1EXvg 提取码: 2yau 复制这段内容后打开百度网盘手机App,操作更方便哦

这个是验证表单封装后的js,我也是下载过来的

首先下载后放入utils里(当然自己写一个也没问题,我是直接下载,然后如果里面没有我想要的再添加)

在需要用的页面js里引入

import WxValidate from '../../../../utils/WxValidate.js'Page({  /**   * 页面的初始数据   */  data: {  },  //报错   showToast(error) {    wx.showToast({      title: error.msg,      icon: 'none'    })  },  initValidate() {    const rules = {      businessType: {        required: true      },      limitedAt: {        required: true,      },      boxType: {        required: true,      },      boxCount: {        required: true,        intType: true      },      weight: {        required: true,        weight: true      },      store: {        required: true,      },      harbour: {        required: true,      },      freight: {        required: true,        money: true      },      freshInterval: {        required: true,      },      linkman: {        required: true,      },    }    const messages = {      businessType: {        required: '请选择业务类型',      },      limitedAt: {        required: '请选择到厂时间',      },      boxType: {        required: '请选择箱型',      },      boxCount: {        required: '请输入发单数量',        intType: '发单数量请输入10以内'      },      weight: {        required: '请输入箱重',        weight: '箱重请填写100以内整数或两位小数'      },      store: {        required: '请输入门点地址',      },      harbour: {        required: '请输入港区',      },      freight: {        required: '请输入运费金额',        money: '请输入正确的金额'      },      freshInterval: {        required: '请选择重发间隔',      },      linkman: {        required: '请选择联系人',      },    }    this.WxValidate = new WxValidate(rules, messages)  },/**   * 生命周期函数--监听页面加载   */  onLoad: function (options) {    this.initValidate() },// 提交  formSubmit: function(e) {    const params = e.detail.value    // 校验表单    if (!this.WxValidate.checkForm(params)) {      const error = this.WxValidate.errorList[0]      this.showToast(error)      return false    }},})

注:initValidate()里验证的名字跟wxml里面的name值必须是一样

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎