代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jqury验证邮箱代码示例_www.jb200.com</title>
<script type="text/javascript" src="/js/jquery-latest.min.js"></script>
<script language="javascript" type="text/javascript">
//验证邮箱，正确返回true，错误返回false
function checkEmail(email){
var emailRegExp = new RegExp( "[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?");
if (!emailRegExp.test(email)||email.indexOf('.')==-1){
return false;
}else{
return true;
}
}
//验证输入框内信息，并给出对应提示
function test(obj){
if(obj=="mail"){
var email=$.trim($("input[name='mail']").val());
if(email==""){
$("#tishi_mail").html("<p>登陆邮箱不能为空！</p>");
$("#tishi_mail p").addClass("tsTxt_error");
}else{
if(!checkEmail(email)){
$("#tishi_mail").html("<p>请输入常用邮箱！</p>");
$("#tishi_mail p").addClass("tsTxt_error");
}else{
$("#tishi_mail").html("<p>你输入的邮箱格式正确</p>");
$("#tishi_mail p").addClass("tsTxt");
};
}
}
};
</script>
<style type="text/css">
body{color:#fff;font-weight:bold;background:#333}
.tsTxt_error{width:200px;height:20px;line-height:20px;color:#F00;padding:0 10px;}
.tsTxt{width:200px;height:20px;line-height:20px;color:#0C0;padding:0 10px;}
</style>
</head>
<body>
<p>输入邮箱地址，点击框外显示测试结果。</p>
<input type="text" class="kuang" name="mail" onblur="test('mail')" value="输入Email邮箱" onfocus="if(value=='输入邮箱'){value=''}" id="input_mail" />
<div id="tishi_mail"></div>
<a
</body>
</html>
以上代码，实现的功能包括：
在输入框内输入信息。
如果框内信息为空，会出现提示：登陆邮箱不能为空！(红色文字)
如果框内信息格式不为邮箱格式，会出现提示：请输入常用邮箱！(红色文字)
如果框内信息格式为正确邮箱格式，会出现提示：你输入的邮箱格式正确 (绿色文字)
此测试由两个函数构成，checkEmail函数用来检测邮箱格式，test函数用来测试输入框内信息。
大家可以根据自己的需要，做一些功能上的改进。