小程序
小游戏
企业微信
微信支付
扫描小程序码分享
https://developers.weixin.qq.com/miniprogram/dev/extended/weui/form.html
rules.validator 是如何使用的?
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
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 { // 没校验通过 } })
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
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 { // 没校验通过 } })
rules: [{required: true, message: 'mobile必填'}, {mobile: true, message: 'mobile格式不对'}]