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


Posted in Javascript onFebruary 19, 2014

今天在开发的时候。需要在一个用户验证邮箱。但是使用了传统的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='  <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='  <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">3water.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>
Javascript 相关文章推荐
JS获取IUSR_机器名和IWAM_机器名帐号的密码
Dec 06 Javascript
javascript实现的动态添加表单元素input,button等(appendChild)
Nov 24 Javascript
JSON 学习之JSON in JavaScript详细使用说明
Feb 23 Javascript
bgsound 背景音乐 的一些常用方法及特殊用法小结
May 11 Javascript
javascript面向对象编程(一) 实例代码
Jun 25 Javascript
js返回上一页并刷新代码整理
Dec 21 Javascript
Jquery获取和修改img的src值的方法
Feb 17 Javascript
jQuery实现渐变弹出层和弹出菜单的方法
Feb 20 Javascript
Javascript简写条件语句(推荐)
Jun 12 Javascript
JavaScript实现垂直滚动条效果
Jan 18 Javascript
原生js轮播特效
May 18 Javascript
JavaScript树的深度优先遍历和广度优先遍历算法示例
Jul 30 Javascript
js左右弹性滚动对联广告代码分享
Feb 19 #Javascript
javascript异步编程的4种方法
Feb 19 #Javascript
点击显示指定元素隐藏其他同辈元素的方法
Feb 19 #Javascript
javascript函数重载解决方案分享
Feb 19 #Javascript
一个CSS+jQuery实现的放大缩小动画效果
Feb 19 #Javascript
使用CSS样式position:fixed水平滚动的方法
Feb 19 #Javascript
jQuery拖拽div实现思路
Feb 19 #Javascript
You might like
PHP5.2下chunk_split()函数整数溢出漏洞 分析
2007/06/06 PHP
PHP Global变量定义当前页面的全局变量实现探讨
2013/06/05 PHP
降低PHP Redis内存占用
2017/03/23 PHP
浅谈Laravel POST,PUT,PATCH 路由的区别
2019/10/15 PHP
可以显示单图片,多图片ajax请求的ThickBox3.1类下载
2007/12/23 Javascript
在Javascript中 声明时用&quot;var&quot;与不用&quot;var&quot;的区别
2013/04/15 Javascript
用innerhtml提高页面打开速度的方法
2013/08/02 Javascript
JavaScript对IE操作的经典代码(推荐)
2014/03/10 Javascript
jquery ztree实现下拉树形框使用到了json数据
2014/05/14 Javascript
web前端设计师们常用的jQuery特效插件汇总
2014/12/07 Javascript
如何在node的express中使用socket.io
2014/12/15 Javascript
js函数内变量的作用域分析
2015/01/12 Javascript
解决node-webkit 不支持html5播放mp4视频的方法
2015/03/11 Javascript
Css3制作变形与动画效果
2015/07/24 Javascript
jquery动态增加删减表格行特效
2015/11/20 Javascript
H5移动端图片压缩上传开发流程
2016/11/09 Javascript
Vue.js 单页面多路由区域操作的实例详解
2017/07/17 Javascript
解决vant title-active-color与title-inactive-color不生效问题
2020/11/03 Javascript
Windows上配置Emacs来开发Python及用Python扩展Emacs
2015/11/20 Python
Python Request爬取seo.chinaz.com百度权重网站的查询结果过程解析
2019/08/13 Python
pycharm 中mark directory as exclude的用法详解
2020/02/14 Python
Python selenium使用autoIT上传附件过程详解
2020/05/26 Python
使用Python pip怎么升级pip
2020/08/11 Python
Python偏函数实现原理及应用
2020/11/20 Python
Python Selenium XPath根据文本内容查找元素的方法
2020/12/07 Python
详解pandas中利用DataFrame对象的.loc[]、.iloc[]方法抽取数据
2020/12/13 Python
中国专业的综合网上购物商城:京东
2016/08/02 全球购物
车间调度岗位职责
2013/11/30 职场文书
旅游业大学生创业计划书
2014/01/31 职场文书
暑假家长评语大全
2014/04/17 职场文书
公司会议开幕词
2015/01/29 职场文书
2015年政风行风工作总结
2015/04/21 职场文书
公司财务制度:成本管理控制制度模板
2019/11/19 职场文书
JavaScript组合继承详解
2021/11/07 Javascript
零基础学java之循环语句的使用
2022/04/10 Java/Android
el-table-column 内容不自动换行的解决方法
2022/08/14 Vue.js