【微信小程序】邮箱格式验证

效果图

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: '请输入正确邮箱',
		})
	}
	
}

注意事项

1. 为了降低每一篇博客内容的耦合度，自定义弹窗效果请见我的上一篇博客【微信小程序】自定义弹窗文本输入框效果图&完整代码
2. 如果使用下面的js代码发现提示弹窗的图标靠下的话不要担心，这是微信开发者工具模拟器的问题，在真机上便是如上图正常显示的。
3. 我使用到的警告图标为：白色警告图标，可以自行点击下载。当然你也可以使用任何适合你的图标。
4. 对于弹窗问题，可以参考我之前的一篇文章：【微信小程序】提示框、选择框、选择菜单