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 相关文章推荐
js 剪切板应用clipboardData详细解析
Dec 17 Javascript
jQuery实现的类似淘宝网站搜索框样式代码分享
Aug 24 Javascript
JS实现鼠标滑过链接改变网页背景颜色的方法
Oct 20 Javascript
JavaScript转换与解析JSON方法实例详解
Nov 24 Javascript
jQuery实现点击关注和取消功能
Jul 03 jQuery
浅谈ECMAScript6新特性之let、const
Aug 02 Javascript
vue select二级联动第二级默认选中第一个option值的实例
Jan 10 Javascript
vue.js编译时给生成的文件增加版本号
Sep 17 Javascript
JavaScript 复制对象与Object.assign方法无法实现深复制
Nov 02 Javascript
JavaScript数组去重的几种方法
Apr 07 Javascript
Vue使用watch监听一个对象中的属性的实现方法
May 10 Javascript
浅谈vue中使用编辑器vue-quill-editor踩过的坑
Aug 03 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使用cookie保存用户登录的用户名实例
2015/01/26 PHP
php实现简单的语法高亮函数实例分析
2015/04/27 PHP
php简单生成随机数的方法
2015/07/30 PHP
PHP使用strstr()函数获取指定字符串后所有字符的方法
2016/01/07 PHP
Laravel 5.3 学习笔记之 错误&amp;日志
2016/08/28 PHP
关于laravel框架中的常用目录路径函数
2019/10/23 PHP
IE6不能修改NAME问题的解决方法
2010/09/03 Javascript
jQuery学习基础知识小结
2010/11/25 Javascript
JS中confirm,alert,prompt函数区别分析
2011/01/17 Javascript
jQuery 1.5 源码解读 面向中高阶JSER
2011/04/05 Javascript
关于JavaScript中的关联数组分析
2013/04/09 Javascript
jquery实现图片左右间隔滚动特效(可自动播放)
2013/05/08 Javascript
js保留小数点后几位的写法
2014/01/03 Javascript
深入理解JavaScript系列(48):对象创建模式(下篇)
2015/03/04 Javascript
jQuery Html控件基本操作(日常收集整理)
2016/03/11 Javascript
bootstrap快速制作后台界面
2016/12/05 Javascript
AngularJS的ng-repeat指令与scope继承关系实例详解
2017/01/21 Javascript
VUE在for循环里面根据内容值动态的加入class值的方法
2018/08/12 Javascript
Element Steps步骤条的使用方法
2020/07/26 Javascript
Python中optparse模块使用浅析
2015/01/01 Python
使用SAE部署Python运行环境的教程
2015/05/05 Python
Python实现简单的获取图片爬虫功能示例
2017/07/12 Python
基于Django filter中用contains和icontains的区别(详解)
2017/12/12 Python
Python实现图片尺寸缩放脚本
2018/03/10 Python
python常用库之NumPy和sklearn入门
2019/07/11 Python
Python使用APScheduler实现定时任务过程解析
2019/09/11 Python
Python实现元素等待代码实例
2019/11/11 Python
python手机号前7位归属地爬虫代码实例
2020/03/31 Python
python如何调用php文件中的函数详解
2020/12/29 Python
利用指针变量实现队列的入队操作
2012/04/07 面试题
合作意向协议书
2015/01/29 职场文书
2015财务年度工作总结范文
2015/05/04 职场文书
倡议书怎么写?
2019/04/11 职场文书
2019幼儿教师求职信(3篇)
2019/09/20 职场文书
Java 语言中Object 类和System 类详解
2021/07/07 Java/Android
vue数据字典取键值项目的字典问题
2022/04/12 Vue.js