• 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无刷新验证邮箱地址实现实例

作者: 字体:[增加 减小] 来源:互联网

通过本文主要向大家介绍了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表单序列化的注意事项详解

相关文章

  • jQuery ajaxSubmit 实现ajax提交表单局部刷新
  • jquery图片上下tab切换效果
  • 轻松使用jQuery双向select控件Bootstrap Dual Listbox
  • jQuery中的$.ajax()方法应用
  • jquery photoFrame 图片边框美化显示插件
  • jQuery获取iframe的document对象的方法
  • JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)
  • jQuery实现拖动剪裁图片作为头像
  • jquery获取当前元素索引值用法实例
  • Jquery为DIV添加click事件的简单实例

文章分类

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

最近更新的内容

    • jQuery实现响应鼠标事件的图片透明效果【附demo源码下载】
    • jQuery+ajax的资源回收处理机制分析
    • 用JQuery 实现的自定义对话框
    • Jquery遍历Json数据的方法
    • jquery 可排列的表实现代码
    • 修改jQuery Validation里默认的验证方法
    • jquery遍历checkbox的注意事项说明
    • jQuery 插件仿百度搜索框智能提示(带Value值)
    • jQuery插件bgStretcher.js实现全屏背景特效
    • jQuery操作input type=radio的实现代码

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

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