前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >jquery+正則表達式验证邮箱格式的样例「建议收藏」

jquery+正則表達式验证邮箱格式的样例「建议收藏」

作者头像
全栈程序员站长
发布2022-07-10 12:34:09
5700
发布2022-07-10 12:34:09
举报

大家好,又见面了,我是全栈君。

js:

代码语言:javascript
复制
$("#email").blur(function(){
	 //获取id相应的元素的值,去掉其左右的空格
	 var email = $.trim($('#email').val());
	 //验证邮箱格式的js正則表達式
	 var isEmail = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
	 //清空显示层中的数据    
	 $("#emailMess").html("");
	 if(email == ""){
		   $("#emailMess").html("<font color='red'>"+"邮箱不能为空"+"</font>");
	 }
	 else if(!(isEmail.test(email))){
		   $("#emailMess").html("<font color='red'>"+"邮箱格式不对"+"</font>");
	 }
	 else{
                   //此处能够操作向后台发送json数据,然后返回验证结果
        }

html:

代码语言:javascript
复制
<script type="text/javascript" src="js/jquery-1.10.1.js"></script>

<div class="li">
    <label for="email" class="label"><span class="flag">* </span>邮箱:</label>
    <input type="text" name="userInfo.email" id="email" placeholder="请输入有效的邮箱" size="30" maxlength="25"/><label id="emailMess" class="label_mess"></label>
</div>

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/115576.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年2月2,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档