jquery无刷新验证邮箱地址实现实例

今天在开发的时候。需要在一个用户验证邮箱。但是使用了传统的js无刷新需要清空浏览器缓存后才能正常的验证所以自己就去用jquery 去写一个了无刷新验证 看看

复制代码 代码如下:

<script type="text/javascript">
var ee;
function  mailbox(strEmail){
var name=document.blooger[0].email.value;
$.ajax({
type: "get",
url: "<?php echo "http://".$_SERVER['HTTP_HOST']."/Login/"; ?>mail.php",
data: "youx="+name,
success: function(datax) {
var xx = document.getElementsByName("email")[0].value;
if (xx == ""){document.getElementById("mailbox_msg").innerHTML='&nbsp;&nbsp;<font color=red>邮箱不能为空!</font>';}
else if(document.blooger[0].email.value.search(/^w+((-w+)|(.w+))*@[A-Za-z0-9]+((.|-)[A-Za-z0-9]+)*.[A-Za-z0-9]+$/) != -1) {

if (datax == 0) {
document.getElementById("mailbox_msg").innerHTML='&nbsp;&nbsp;<font color=red>邮箱已经被注册</font>';
}
else {document.getElementById("mailbox_msg").innerHTML='&nbsp;&nbsp;<font color=green>邮箱可以使用!</font>';}
}else{document.getElementById("mailbox_msg").innerHTML='&nbsp;&nbsp;<font color=red>邮箱地址不正确</font>';}
}
});

}

function check(){
 if(ee != "1"){mailbox();return false;}
 }
</script>

然后这个是html的代码

复制代码 代码如下:

<form action="blogger.php?action=update" method="post" enctype="multipart/form-data" onsubmit="return check();" >
<div>
 <li>
 <?php echo $icon; ?><input type="hidden" value="<?php echo $photo; ?>"/>

头像

<input type="file" /> (支持JPG、PNG格式图片)
 </li>
 <li>昵称
<input maxlength="50" value="<?php echo $nickname; ?>" /> </li>
 <li>电子邮件
<input type="text" value="<?php echo $email; ?>" maxlength="200" onBlur="mailbox(this.value);" /><span></span></li>
 <li>个人描述
<textarea type="text" maxlength="500"><?php echo $description; ?></textarea></li>
 <li><input type="submit" value="保存资料" /></li>
</div>
</form>

您可能感兴趣的文章: