效果图GIF
为娄星等地区用户提供了全套网页设计制作服务，及娄星网站建设行业解决方案。主营业务为成都做网站、成都网站建设、娄星网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！
git地址：WxValidate
使用
import WxValidate from '../../utils/WxValidate';
Page({
data: {
basicInfo: {
tel: '',
post: '',
weChat: '',
specialPlane: '',
email: '',
intro: ''
}
},
onLoad() {
this.initValidate();
},
initValidate() {
const rules = {
tel: {
required: true,
tel: true,
}, post: {
required: true,
}, weChat: {
required: true,
}, specialPlane: {
required: true,
}, email: {
required: true,
email: true
}
};
const messages = {
tel: {
required: '请输入手机号',
tel: '请输入正确格式手机号',
}, post: {
required: '请输入职位',
}, weChat: {
required: '请输入微信号',
}, specialPlane: {
required: '请输入座机号',
}, email: {
required: '请输入电子邮箱',
email: '请输入正确格式电子邮箱',
}
};
this.WxValidate = new WxValidate(rules, messages)
},
formChange(val) {
let obj = {}
obj[`basicInfo.${val.currentTarget.dataset.val}`]= val.detail.value
this.setData(obj)
},
submitForm(e) {
const params = e.detail.value
if (!this.WxValidate.checkForm(params)) {
const error = this.WxValidate.errorList[0]
this.showModal(error)
return false
}
},
showModal(error) {
wx.showToast({
title: error.msg,
icon: 'none',
duration: 2000
})
},
})以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持创新互联。
网站栏目：微信小程序表单验证WxValidate的使用
文章起源：
http://cdkjz.cn/article/jddgde.html
