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 相关文章推荐
Valerio 发布了 Mootools
Sep 23 Javascript
jQuery html()等方法介绍
Nov 18 Javascript
jQuery Tips 为AJAX回调函数传递额外参数的方法
Dec 28 Javascript
javascript alert乱码的解决方法
Nov 05 Javascript
自己用jQuery写了一个图片的马赛克消失效果
May 04 Javascript
JavaScript学习小结之使用canvas画“哆啦A梦”时钟
Jul 24 Javascript
浅谈JS中的!=、== 、!==、===的用法和区别
Sep 24 Javascript
JQ中$(window).load和$(document).ready区别与执行顺序
Mar 01 Javascript
解决vue.js this.$router.push无效的问题
Sep 03 Javascript
Vue-input框checkbox强制刷新问题
Apr 18 Javascript
Vuex 模块化使用详解
Jul 31 Javascript
手把手15分钟搭一个企业级脚手架
Sep 16 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
PHP 一个随机字符串生成代码
2010/05/26 PHP
php目录操作函数之获取目录与文件的类型
2010/12/29 PHP
Thinkphp 框架扩展之标签库驱动原理与用法分析
2020/04/23 PHP
打印json对象的内容及JSON.stringify函数应用
2013/03/29 Javascript
随窗体滑动的小插件sticky源码
2013/06/21 Javascript
JavaScript中instanceof运算符的用法总结
2013/11/19 Javascript
JavaScript学习笔记之定时器
2015/01/22 Javascript
node.js调用C++开发的模块实例
2015/07/03 Javascript
javascript中$(function() {});写与不写有哪些区别
2015/08/10 Javascript
JavaScript动态添加css样式和script标签
2016/07/19 Javascript
JS检测window.open打开的窗口是否关闭
2017/06/25 Javascript
深入理解Angular中的依赖注入
2017/06/26 Javascript
微信小程序 scroll-view实现锚点滑动的示例
2017/12/06 Javascript
10个在JavaScript开发中常遇到的BUG
2017/12/18 Javascript
vue中的router-view组件的使用教程
2018/10/23 Javascript
vue-lazyload使用总结(推荐)
2018/11/01 Javascript
vue导航栏部分的动态渲染实例
2019/11/01 Javascript
小程序实现录音上传功能
2019/11/22 Javascript
JavaScript的变量声明与声明提前用法实例分析
2019/11/26 Javascript
vue element-ui读取pdf文件的方法
2019/11/26 Javascript
[01:38]DOTA2第二届亚洲邀请赛中国区预选赛出线战队晋级之路
2017/01/17 DOTA
Python格式化压缩后的JS文件的方法
2015/03/05 Python
python正则分析nginx的访问日志
2017/01/17 Python
Python基于回溯法子集树模板解决取物搭配问题实例
2017/09/02 Python
100行Python代码实现自动抢火车票(附源码)
2018/01/11 Python
Django框架模板的使用方法示例
2019/05/25 Python
Python3基础教程之递归函数简单示例
2019/06/07 Python
python 实现在tkinter中动态显示label图片的方法
2019/06/13 Python
Python读取文件内容为字符串的方法(多种方法详解)
2020/03/04 Python
CSS3解析抖音LOGO制作的方法步骤
2019/04/11 HTML / CSS
美国性感女装网站:bebe
2017/03/04 全球购物
过程装备与控制工程专业个人的求职信
2013/12/01 职场文书
公司离职证明标准样本
2014/10/05 职场文书
困难补助申请报告
2015/05/19 职场文书
2015年物业管理员工工作总结
2015/10/15 职场文书
大学生如何逃脱“毕业季创业队即散伙”魔咒?
2019/08/19 职场文书