• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > jquery无刷新验证邮箱地址实现实例

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

作者: 字体:[增加 减小] 来源:互联网 时间:2017-08-16

通过本文主要向大家介绍了jquery,无刷新,验证等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

今天在开发的时候。需要在一个用户验证邮箱。但是使用了传统的js无刷新需要清空浏览器缓存后才能正常的验证所以自己就去用jquery 去写一个了无刷新验证 看看

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的代码

 头像

    <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>

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 基于jQuery对象和DOM对象和字符串之间的转化实例
  • jquery+css实现简单的图片轮播效果
  • 使用jQuery实现鼠标点击左右按钮滑动切换
  • jQuery实现上传图片前预览效果功能
  • jQuery初级教程之网站品牌列表效果
  • 基于jquery实现多选下拉列表
  • jQuery接受后台传递的List的实例详解
  • 详解jquery选择器的原理
  • jQuery上传插件webupload使用方法
  • 关于jquery form表单序列化的注意事项详解

相关文章

  • 2017-08-16jQuery EasyUI之DataGrid使用实例详解
  • 2017-08-16boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
  • 2017-08-16疯狂Jquery第一天(Jquery学习笔记)
  • 2017-08-16深入理解jQuery layui分页控件的使用
  • 2017-08-16深入学习jQuery中的data()
  • 2017-08-16jQuery实用技巧第1/2页
  • 2017-08-16运用jQuery写的验证表单(实例讲解)
  • 2017-08-16jQuery中noconflict函数的实现原理分解
  • 2017-08-16分享27个jQuery 表单插件集合推荐
  • 2017-08-16jquery 操作iframe的几种方法总结

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • jquery toggle faq 春江花月夜版
    • jquery validate poshytip 自定义样式
    • jquery last-child 列表最后一项的样式
    • jQuery LigerUI 使用教程表格篇(1)
    • jQuery实现调整表格单列顺序完整实例
    • 浅谈jQuery中Ajax事件beforesend及各参数含义
    • jQuery使用$.ajax进行异步刷新的方法(附demo下载)
    • 浅析jquery与checkbox的checked属性的问题
    • jQuery前端框架easyui使用Dialog时bug处理
    • Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有