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数据,然后返回验证结果 }
<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>
原文地址:http://blog.csdn.net/wangcunhuazi/article/details/41312371