jQuery简单实现验证邮箱格式


Posted in Javascript onJuly 15, 2015

在表单提交的时候可能需要用到邮箱验证代码,代码比较简单,就是邮箱格式的判断,如果说有难点可能就是关于正则表达式的使用,这里就不多说了,大家可以自行查询,下面就给出一段可以使用的验证代码,复制黏贴即可。
代码实例如下:

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("#bt").click(function(){
  if($("#email1").val()=="")
  {
   alert("邮箱不能为空");
   return false;
  }
  var email=$("#email1").val();
  if(!email.match(/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/))
  {
   alert("格式不正确!请重新输入");
   $("#email1").focus();
  }
 })
})
</script>
</head>
<body>
 <form action="#">
 <input type="text" id="email1">
 <input type="button" value="提交" id="bt">
 </form>

以上代码实现了简单的邮箱验证,代码赋值黏贴后即可使用。

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
通过修改referer下载文件的方法
May 11 Javascript
网页自动跳转代码收集
Sep 27 Javascript
浅谈tudou土豆网首页图片延迟加载的效果
Jun 23 Javascript
js字符编码函数区别分析
Dec 28 Javascript
在父页面调用子页面的JS方法
Sep 29 Javascript
原生态js,鼠标按下后,经过了那些单元格的简单实例
Aug 11 Javascript
纯原生js实现table表格的增删
Jan 05 Javascript
学习使用Bootstrap页面排版样式
May 11 Javascript
Vue源码探究之状态初始化
Nov 14 Javascript
微信小程序中遇到的iOS兼容性问题小结
Nov 14 Javascript
vue集成chart.js的实现方法
Aug 20 Javascript
详解Webpack抽离第三方类库以及common解决方案
Mar 30 Javascript
JavaScript截断字符串的方法
Jul 15 #Javascript
Javascript显示和隐藏ul列表的方法
Jul 15 #Javascript
jQuery实现提示密码强度的代码
Jul 15 #Javascript
浅谈javascript中return语句
Jul 15 #Javascript
jQuery实现平滑滚动页面到指定锚点链接的方法
Jul 15 #Javascript
javascript实现在线客服效果
Jul 15 #Javascript
jQuery实现的进度条效果
Jul 15 #Javascript
You might like
火影忍者:这才是千手柱间和扉间的真正死因,角都就比较搞笑了!
2020/03/10 日漫
PHP 柱状图实现代码
2009/12/04 PHP
php开启安全模式后禁用的函数集合
2011/06/26 PHP
使用CodeIgniter的类库做图片上传
2014/06/12 PHP
PHP单例模式与工厂模式详解
2017/08/29 PHP
写js时遇到的一些小问题
2010/12/06 Javascript
jquery索引在使用中的一些困惑
2013/10/24 Javascript
angularJS 入门基础
2015/02/09 Javascript
js实现无限级树形导航列表效果代码
2015/09/23 Javascript
JavaScript中使用数组方法汇总
2016/02/16 Javascript
jQuery实现可拖拽的许愿墙效果【附demo源码下载】
2016/09/14 Javascript
基于JS实现弹出一个隐藏的div窗口body页面变成灰色并且不可被编辑
2016/12/14 Javascript
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
2017/11/09 jQuery
基于datepicker定义自己的angular时间组件的示例
2018/03/14 Javascript
对angular4子路由&amp;辅助路由详解
2018/10/09 Javascript
vue操作dom元素的3种方法示例
2020/09/20 Javascript
web.py获取上传文件名的正确方法
2014/08/26 Python
Linux系统上Nginx+Python的web.py与Django框架环境
2015/12/25 Python
python验证码识别教程之利用滴水算法分割图片
2018/06/05 Python
浅谈pycharm的xmx和xms设置方法
2018/12/03 Python
Python实现的多进程拷贝文件并显示百分比功能示例
2019/04/09 Python
使用python获取(宜宾市地震信息)地震信息
2019/06/20 Python
Python中字符串List按照长度排序
2019/07/01 Python
python实现的发邮件功能示例
2019/09/11 Python
python 负数取模运算实例
2020/06/03 Python
CSS3 Notes: -webkit-box-reflect实现倒影的实例
2016/12/08 HTML / CSS
DJI大疆无人机官方商城:全球领先的无人飞行器研发和生产商
2016/12/21 全球购物
Nebula美国官网:便携式投影仪
2019/03/15 全球购物
家长会学生家长演讲稿
2013/12/29 职场文书
工地资料员岗位职责
2013/12/31 职场文书
小学班主任寄语大全
2014/04/04 职场文书
敬老院标语
2014/06/27 职场文书
人大代表选举标语
2014/10/07 职场文书
2015年工商所工作总结
2015/05/21 职场文书
Nginx快速入门教程
2021/03/31 Servers
Java 写一个简单的图书管理系统
2022/04/26 Java/Android