微信小程序 from表单验证(WxValidate使用)

直接说,这个是我剽窃的(但是,我又按照我的需要重新写一下)。剽窃地址:https://blog.csdn.net/weixin_41041379/article/details/82017301

微信小程序在form组件中并没有表单验证这些功能。我上网找了一下,找到上述地址上的表单验证。

首先:插件下载地址与文档都放到了getee上:WxValidate 文档与资源地址 自行下载就好。

步骤:

  1. 在gitee上下载需要的文件,并且放到你想要放到的目录中。注意:在此,如果你只是进行表单验证,你只要WxValidate.js文件就好了。
  2. 页面中调用:微信小程序给出了引入模块的方式。但是,抱歉。此处需要使用import;
    import WxValidate from "../../utils/WxValidate.js";

     

  3. 初始化WxValidate 对象;必须在onload方法中进行初始化,否则加载失败。
      /**
        * 生命周期函数--监听页面加载
        */
       onLoad: function (options) {
          this.initValidate();
       },  
     /**
        * 表单验证的初始化
        */
       initValidate: function(){
          //验证字段的规则
          const rules = {
             username: {
                
  • 3
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值