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的面向对象(一)
Nov 09 Javascript
js实时监听文本框状态的方法
Apr 26 Javascript
jQuery1.6 使用方法一
Nov 23 Javascript
js动画效果制件让图片组成动画代码分享
Jan 14 Javascript
禁止页面刷新让F5快捷键及右键都无效
Jan 22 Javascript
Window.Open如何在同一个标签页打开
Jun 20 Javascript
javascript控制图片播放的实现代码
Jul 29 Javascript
使用微信内置浏览器点击下拉框出现页面乱跳转现象(iphone),该怎么办
Jan 04 Javascript
localStorage的黑科技-js和css缓存机制
Feb 06 Javascript
JavaScript表单验证的两种实现方法
Feb 11 Javascript
vue如何安装使用Quill富文本编辑器
Sep 21 Javascript
Vue中控制v-for循环次数的实现方法
Sep 26 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
syphon 虹吸式咖啡冲泡冲煮倒水的得与失
2021/03/03 冲泡冲煮
apache+mysql+php+ssl服务器之完全安装攻略
2006/09/05 PHP
第二节 对象模型 [2]
2006/10/09 PHP
十天学会php(2)
2006/10/09 PHP
php中文字符截取防乱码
2008/03/28 PHP
PHP Memcached + APC + 文件缓存封装实现代码
2010/03/11 PHP
php中namespace use用法实例分析
2016/01/22 PHP
ajax+php实现无刷新验证手机号的实例
2017/12/22 PHP
网页中实现浏览器的最大,最小化和关闭按钮
2007/03/12 Javascript
jquery简单的拖动效果实现原理及示例
2013/07/26 Javascript
JavaScript打印iframe内容示例代码
2013/08/20 Javascript
js中文逗号转英文实现
2014/02/11 Javascript
JS清除选择内容的方法
2015/01/29 Javascript
node-http-proxy修改响应结果实例代码
2016/06/06 Javascript
JS实现六边形3D拖拽翻转效果的方法
2016/09/11 Javascript
Javascript使用uploadify来实现多文件上传
2016/11/16 Javascript
Javascript 链式作用域详细介绍
2017/02/23 Javascript
浅析JavaScript中的平稳退化(graceful degradation)
2017/07/24 Javascript
原生JS 购物车及购物页面的cookie使用方法
2017/08/21 Javascript
微信小程序实现页面跳转传值以及获取值的方法分析
2017/12/18 Javascript
ES6中let 和 const 的新特性
2018/09/03 Javascript
微信小程序解析富文本过程详解
2019/07/13 Javascript
vue实现列表滚动的过渡动画
2020/06/29 Javascript
vue中如何自定义右键菜单详解
2020/12/08 Vue.js
Python判断变量是否已经定义的方法
2014/08/18 Python
Python实现爬虫设置代理IP和伪装成浏览器的方法分享
2018/05/07 Python
在Python中给Nan值更改为0的方法
2018/10/30 Python
通过PYTHON来实现图像分割详解
2019/06/26 Python
pycharm不以pytest方式运行,想要切换回普通模式运行的操作
2020/09/01 Python
Html5移动端网页端适配(js+rem)
2021/02/03 HTML / CSS
MATCHESFASHION澳大利亚/亚太地区:英国时尚奢侈品电商
2020/01/14 全球购物
讲文明树新风公益广告宣传方案
2014/02/25 职场文书
建筑投标担保书
2014/05/20 职场文书
先进工作者主要事迹材料
2015/11/03 职场文书
SpringBoot 集成短信和邮件 以阿里云短信服务为例
2022/04/22 Java/Android
Springboot集成kafka高级应用实战分享
2022/08/14 Java/Android