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 相关文章推荐
高性能Javascript笔记 数据的存储与访问性能优化
Aug 02 Javascript
解析ScrollPic在ie8下只滚动一遍,然后变为空白 ie6,ie7,chrome,firefox正常
Jun 26 Javascript
new Date()问题在ie8下面的处理方法
Jul 31 Javascript
基于Bootstrap的标签页组件及bootstrap-tab使用说明
Jul 25 Javascript
JavaScript实现的浏览器下载文件的方法
Aug 09 Javascript
利用js编写网页进度条效果
Oct 08 Javascript
详解React Native 采用Fetch方式发送跨域POST请求
Nov 15 Javascript
element-ui 限制日期选择的方法(datepicker)
May 16 Javascript
使用jquery-easyui的布局layout写后台管理页面的代码详解
Jun 19 jQuery
原生js实现瀑布流效果
Mar 09 Javascript
详细分析JavaScript中的深浅拷贝
Sep 17 Javascript
vue 数据操作相关总结
Dec 17 Vue.js
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
德生1994机评
2021/03/02 无线电
php判断变量类型常用方法
2012/04/24 PHP
PHP中is_dir()函数使用指南
2015/05/08 PHP
php中preg_match的isU代表什么意思
2015/10/01 PHP
php实现转换html格式为文本格式的方法
2016/05/16 PHP
解放web程序员的输入验证
2006/10/06 Javascript
js验证模型自我实现的具体方法
2013/06/21 Javascript
jQuery实现ichat在线客服插件
2014/12/29 Javascript
Javascript实现鼠标右键特色菜单
2015/08/04 Javascript
jquery实现多次上传同一张图片
2017/01/09 Javascript
JS基于Location实现访问Url、重定向及刷新页面的方法分析
2018/12/03 Javascript
关于vue.js中实现方法内某些代码延时执行
2019/11/14 Javascript
在vue中实现echarts随窗体变化
2020/07/27 Javascript
[02:42]DOTA2英雄基础教程 杰奇洛
2013/12/23 DOTA
[03:54]DOTA2英雄梦之声_第06期_昆卡
2014/06/23 DOTA
python中反射用法实例
2015/03/27 Python
Python基于whois模块简单识别网站域名及所有者的方法
2018/04/23 Python
python3第三方爬虫库BeautifulSoup4安装教程
2018/06/19 Python
判断python字典中key是否存在的两种方法
2018/08/10 Python
使用Python实现一个栈判断括号是否平衡
2018/08/23 Python
TensorFlow卷积神经网络之使用训练好的模型识别猫狗图片
2019/03/14 Python
python输出第n个默尼森数的实现示例
2020/03/08 Python
Python全局变量与global关键字常见错误解决方案
2020/10/05 Python
浅谈HTML5 defer和async的区别
2016/06/07 HTML / CSS
探索HTML5本地存储功能运用技巧
2016/03/02 HTML / CSS
HTML5、Select下拉框右边加图标的实现代码(增进用户体验)
2017/10/16 HTML / CSS
详解HTML5中的picture元素响应式处理图片
2018/01/03 HTML / CSS
Nordgreen台湾官网:极简北欧设计手表
2019/08/21 全球购物
在浏览器端如何得到服务器端响应的XML数据
2012/11/24 面试题
写自荐信有哪些不宜?
2013/10/17 职场文书
2013年办公室秘书的个人自我鉴定
2013/10/24 职场文书
超市开学活动方案
2014/03/01 职场文书
优秀家长事迹材料
2014/05/17 职场文书
祖国在我心中演讲稿450字
2014/09/05 职场文书
党员“四风”问题批评与自我批评思想汇报
2014/10/06 职场文书
2015年乡镇统计工作总结
2015/04/22 职场文书