收藏
回答

官方给的例子就不能更详细一些吗,例子写的也是草草了事。

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug form 微信iOS客户端 7.0.13 2.12.0

https://developers.weixin.qq.com/miniprogram/dev/extended/weui/form.html

rules.validator 是如何使用的?

回答关注问题邀请回答
收藏

1 个回答

  • TNT
    TNT
    2020-08-31

    h5开发有用过 elementUI 或者 iviewUI等UI框架么?

    在data下写form表单的验证规则

    rules: [{
      name: 'qq',
      rules: {required: true, message: 'qq必填'},
    }]
    


    绑定到form上: 需要校验哪个元素 就用prop给它绑定

    <mp-form id="form" rules="{{rules}}" models="{{formData}}">
       <mp-cell prop="qq" title="qq号码" ext-class="">
          <input bindinput="InputChange" placeholder="请输入qq号码"/>
       mp-cell>
    mp-form>
    


    找到form表单的元素:

    this.selectComponent('#form').validate((valid, errors) => {
      if (valid) {
          wx.showToast({
              title: '校验通过'
          })
      } else {
          // 没校验通过
      }
    })
    
    2020-08-31
    有用
    回复 10
    • 大米先生
      大米先生
      2020-09-01
      谢谢你的回答,但是我想问的是自定义规则
      2020-09-01
      回复
    • TNT
      TNT
      2020-09-01回复大米先生
      比如哪种自定义呢?自定义校验方式吗?还是?
      2020-09-01
      回复
    • TNT
      TNT
      2020-09-01回复大米先生
      规则可自己编辑多条的。
      rules: [{required: true, message: 'mobile必填'}, {mobile: true, message: 'mobile格式不对'}]
      2020-09-01
      回复
    • 大米先生
      大米先生
      2020-09-01回复TNT
      对,就是rules.validator 自定义校验函数是如何使用的。
      2020-09-01
      回复
    • 大米先生
      大米先生
      2020-09-01回复TNT
      就是这个函数是如何使用的
      2020-09-01
      回复
    查看更多(5)
登录 后发表内容
问题标签