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 相关文章推荐
用jquery来定位
Feb 20 Javascript
IE6,IE7,IE8下使用Javascript记录光标选中范围(已补全)
Aug 28 Javascript
jquery配合css简单实现返回顶部效果
Sep 30 Javascript
网站接入QQ登录的两种方法
Jul 22 Javascript
jQuery中$.click()无效问题分析
Jan 29 Javascript
jQuery实现的个性化返回底部与返回顶部特效代码
Oct 30 Javascript
Bootstrap与KnockoutJs相结合实现分页效果实例详解
May 03 Javascript
JavaScript实现同一个页面打开多张图片
Dec 29 Javascript
微信小程序开发(二)图片上传+服务端接收详解
Jan 11 Javascript
angular.js + require.js构建模块化单页面应用的方法步骤
Jul 19 Javascript
Angular4实现图片上传预览路径不安全的问题解决
Dec 25 Javascript
浅谈vue.js导入css库(elementUi)的方法
Mar 09 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
海河写的 Discuz论坛帖子调用js的php代码
2007/08/23 PHP
Windows下的PHP安装pear教程
2014/10/24 PHP
浅谈PHP中其他类型转化为Bool类型
2016/03/28 PHP
Yii2验证器(Validator)用法分析
2016/07/23 PHP
php正则修正符用法实例详解
2016/12/29 PHP
thinkphp5 框架结合plupload实现图片批量上传功能示例
2020/04/04 PHP
IE中jscript/javascript的条件编译
2006/09/07 Javascript
利用onresize使得div可以随着屏幕大小而自适应的代码
2010/01/15 Javascript
控制input输入框中提示信息的显示和隐藏的方法
2014/02/12 Javascript
js数组去重的方法汇总
2015/07/29 Javascript
js中的eval()函数把含有转义字符的字符串转换成Object对象的方法
2016/12/02 Javascript
Vue中建立全局引用或者全局命令的方法
2017/08/21 Javascript
vue.js的computed,filter,get,set的用法及区别详解
2018/03/08 Javascript
详解nuxt路由鉴权(express模板)
2018/11/21 Javascript
小程序点击图片实现png转jpg
2019/10/22 Javascript
小程序登录之支付宝授权的实现示例
2019/12/13 Javascript
js实现缓动动画
2020/11/25 Javascript
vue 使用 sortable 实现 el-table 拖拽排序功能
2020/12/26 Vue.js
JavaScript 获取滚动条位置并将页面滑动到锚点
2021/02/08 Javascript
Python实现的多线程端口扫描工具分享
2015/01/21 Python
django开发之settings.py中变量的全局引用详解
2017/03/29 Python
Python Django模板之模板过滤器与自定义模板过滤器示例
2019/10/18 Python
python多线程高级锁condition简单用法示例
2019/11/07 Python
python字典setdefault方法和get方法使用实例
2019/12/25 Python
Python @property原理解析和用法实例
2020/02/11 Python
使用CSS3的appearance属性改变元素的外观的方法
2015/12/12 HTML / CSS
css3实现背景模糊的三种方式(小结)
2020/05/15 HTML / CSS
东南亚旅游平台:The Trip Guru
2018/01/01 全球购物
美国一家运动专业鞋类零售商:Warehouse Shoe Sale(WSS)
2018/03/28 全球购物
EJB3.1都有哪些改进
2012/11/17 面试题
辞职信怎么写
2015/02/27 职场文书
企业百日安全活动总结
2015/05/07 职场文书
安全教育观后感
2015/06/17 职场文书
经营场所使用证明
2015/06/19 职场文书
宿舍卫生管理制度
2015/08/05 职场文书
Python中的协程(Coroutine)操作模块(greenlet、gevent)
2022/05/30 Python