jquery+正則表達式验证邮箱格式的样例

js:

$("#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:

<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>


posted @   yxwkaifa  阅读(1719)  评论(1编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
点击右上角即可分享
微信分享提示