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

效果图

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

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. 对于弹窗问题,可以参考我之前的一篇文章:【微信小程序】提示框、选择框、选择菜单
上一篇:每日日报


下一篇:javaScript系列---【常用正则】