效果图
![](https://i-blog.csdnimg.cn/blog_migrate/c39f99a34b7fde67fe9524eade247b1a.png)
js
email:function(){
/*this.data.textV为获取的输入内容*/
console.log(this.data.textV)
let str = /^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/
if (str.test(this.data.textV)) {
/*格式正确*/
}else {
/*格式不正确,弹窗提示*/
wx.showToast({
image: '../../images/icon/jinggao.png' ,
title: '请输入正确邮箱',
})
}
}
注意事项
- 为了降低每一篇博客内容的耦合度,自定义弹窗效果请见我的上一篇博客【微信小程序】自定义弹窗文本输入框效果图&完整代码
- 如果使用下面的js代码发现提示弹窗的图标靠下的话不要担心,这是微信开发者工具模拟器的问题,在真机上便是如上图正常显示的。
- 我使用到的警告图标为:白色警告图标,可以自行点击下载。当然你也可以使用任何适合你的图标。
- 对于弹窗问题,可以参考我之前的一篇文章:【微信小程序】提示框、选择框、选择菜单