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

215 阅读 0 评论 142 点赞

我是靠谱客的博主默默跳跳糖，最近开发中收集的这篇文章主要介绍jquery无刷新验证邮箱地址实现实例，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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

复制代码代码如下:

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

}

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

然后这个是html的代码

复制代码代码如下:

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

头像

<input name="photo" type="file" /> (支持JPG、PNG格式图片)
</li>
<li>昵称
<input maxlength="50" style="width:185px;" value="<?php echo $nickname; ?>" name="name" /> </li>
<li>电子邮件
<input type="text" name="email" value="<?php echo $email; ?>" id="id_mailbox" style="width:185px;" maxlength="200" onBlur="mailbox(this.value);" /><span id="mailbox_msg"></span></li>
<li>个人描述
<textarea name="description" style="width:300px; height:65px;" type="text" maxlength="500"><?php echo $description; ?></textarea></li>
<li><input type="submit" value="保存资料" class="button" /></li>
</div>
</form>