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延时加载之defer测试
Dec 28 Javascript
javaScript函数中执行C#代码中的函数方法总结
Aug 07 Javascript
javascript上传图片前预览图片兼容大多数浏览器
Oct 25 Javascript
基于jquery实现一个滚动的分步注册向导-附源码
Aug 26 Javascript
jQuery实现可展开合拢的手风琴面板菜单
Sep 15 Javascript
jQuery遍历json的方法(推荐)
Jun 12 Javascript
Vue+axios 实现http拦截及路由拦截实例
Apr 25 Javascript
vue的传参方式汇总和router使用技巧
May 22 Javascript
vue项目中跳转到外部链接的实例讲解
Sep 20 Javascript
详解vue组件中使用路由方法
Feb 12 Javascript
利用vue重构有赞商城的思路以及总结整理
Feb 21 Javascript
用javascript实现倒计时效果
Feb 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
PHP常用技巧总结(附函数代码)
2012/02/04 PHP
Laravel 5框架学习之数据库迁移(Migrations)
2015/04/08 PHP
php 数组字符串搜索array_search技巧
2016/07/05 PHP
Thinkphp框架中D方法与M方法的区别
2016/12/23 PHP
PHP实现分布式memcache设置web集群session同步的方法
2018/04/10 PHP
用Laravel Sms实现laravel短信验证码的发送的实现
2018/11/29 PHP
PHP检测一个数组有没有定义的方法步骤
2019/07/20 PHP
Yii框架模拟组件调用注入示例
2019/11/11 PHP
关于div自适应高度/左右高度自适应一致的js代码
2013/03/22 Javascript
javascript圆盘抽奖程序实现原理和完整代码例子
2014/06/03 Javascript
原生Ajax 和jQuery Ajax的区别示例分析
2014/12/17 Javascript
js实现touch移动触屏滑动事件
2015/04/17 Javascript
实现placeholder效果的方案汇总
2015/06/11 Javascript
纯javascript实现的小游戏《Flappy Pig》实例
2015/07/27 Javascript
JavaScript接口的实现三种方式(推荐)
2016/06/14 Javascript
js 基础篇必看(点击事件轮播图的简单实现)
2016/08/20 Javascript
Bootstrap实现翻页效果
2017/11/27 Javascript
探索Vue高阶组件的使用
2018/01/08 Javascript
微信小程序自定义键盘 内部虚拟支付
2018/12/20 Javascript
微信小程序 搜索框组件代码实例
2019/09/06 Javascript
[01:46]DOTA2上海特锦赛小组赛英文解说KotlGuy采访
2016/02/27 DOTA
[58:11]守擂赛第二周擂主赛 DeMonsTer vs Leopard
2020/04/28 DOTA
Python实现的直接插入排序算法示例
2018/04/29 Python
使用python创建生成动态链接库dll的方法
2020/05/09 Python
Python小白垃圾回收机制入门
2020/06/09 Python
Pycharm同步远程服务器调试的方法步骤
2020/11/04 Python
python工具——Mimesis的简单使用教程
2021/01/16 Python
使用iframe+postMessage实现页面跨域通信的示例代码
2020/01/14 HTML / CSS
JAVA程序员面试题
2012/10/03 面试题
大学本科毕业生求职简历的自我评价
2013/10/09 职场文书
促销活动总结
2014/04/28 职场文书
反对邪教标语
2014/06/30 职场文书
处级领导干部四风问题自我剖析材料
2014/09/29 职场文书
幼儿园校园小喇叭广播稿
2014/10/17 职场文书
党组织领导班子整改方案
2014/10/25 职场文书
世界十大狙击步枪排行榜
2022/03/20 杂记