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 相关文章推荐
用JavaScript编写COM组件的步骤
Mar 17 Javascript
一个JS小玩意 几个属性相加不能超过一个特定值.
Sep 29 Javascript
jQuery获取字符串中出现最多的数
Feb 22 Javascript
jQuery新窗口打开外链接
Jul 21 Javascript
js 自带的sort() 方法全面了解
Aug 16 Javascript
原生js仿jquery一些常用方法(必看篇)
Sep 20 Javascript
详解如何将angular-ui的图片轮播组件封装成一个指令
May 09 Javascript
vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能
Mar 01 Javascript
使用Vue如何写一个双向数据绑定(面试常见)
Apr 20 Javascript
详解关于vue-area-linkage走过的坑
Jun 27 Javascript
vue-cli 项目打包完成后运行文件路径报错问题
Jul 19 Javascript
vue + elementUI实现省市县三级联动的方法示例
Oct 29 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
PHP 一个比较完善的简单文件上传
2010/03/25 PHP
如何使用php判断所处服务器操作系统的类型
2013/06/20 PHP
phpstudy默认不支持64位php的解决方法
2017/02/20 PHP
php和C#的yield迭代器实现方法对比分析
2019/07/17 PHP
javascript编程起步(第三课)
2007/02/27 Javascript
js实现简单模态窗口,背景灰显
2008/11/14 Javascript
javascript cookies操作集合
2010/04/12 Javascript
浅谈JavaScript对象的创建方式
2016/06/13 Javascript
BootStrap Select清除选中的状态恢复默认状态
2017/06/20 Javascript
vue.js内部自定义指令与全局自定义指令的实现详解(利用directive)
2017/07/11 Javascript
bootstrap3-dialog-master模态框使用详解
2017/08/22 Javascript
Vue中的混入的使用(vue mixins)
2018/06/01 Javascript
[49:43]VG vs FNATIC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
Python中list初始化方法示例
2016/09/18 Python
Python语言描述最大连续子序列和
2017/12/05 Python
《Python学习手册》学习总结
2018/01/17 Python
python中的内置函数max()和min()及mas()函数的高级用法
2018/03/29 Python
python linecache 处理固定格式文本数据的方法
2019/01/08 Python
Python tkinter模版代码实例
2020/02/05 Python
python opencv 检测移动物体并截图保存实例
2020/03/10 Python
快速解决jupyter启动卡死的问题
2020/04/10 Python
CSS3效果:自定义“W”形运行轨迹实例
2017/03/29 HTML / CSS
Nike意大利官网:Nike.com IT
2020/01/19 全球购物
酒店总经理工作职责
2013/12/13 职场文书
校园餐饮创业计划书
2014/01/10 职场文书
艺术节主持词
2014/04/02 职场文书
企业演讲稿范文大全
2014/05/20 职场文书
中学生运动会通讯稿大全
2014/09/18 职场文书
2014年职称评定工作总结
2014/11/26 职场文书
入党政审材料范文
2014/12/24 职场文书
2019年怎样才能撰写出优秀的自荐信
2019/03/25 职场文书
python实现批量移动文件
2021/04/05 Python
详解Mysql和Oracle之间的误区
2021/05/18 MySQL
Python利用zhdate模块实现农历日期处理
2022/03/31 Python
vue修饰符.capture和.self的区别
2022/04/22 Vue.js
前端传参数进行Mybatis调用mysql存储过程执行返回值详解
2022/08/14 MySQL