jQuery简单实现验证邮箱格式

 更新时间:2015年07月15日 11:41:49   投稿:hebedich  
这篇文章主要介绍了jQuery简单实现验证邮箱格式的相关资料,需要的朋友可以参考下

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

<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>

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

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

相关文章

  • jQuery自动切换/点击切换选项卡效果的小例子

    jQuery自动切换/点击切换选项卡效果的小例子

    我们看到很多网站会有有错误404页面,当页面不存存时就会提示,然后过几秒就会自动跳到首页了,下面我来给大家举一个404错误页面跳到首页实例,有需要的朋友可以参考一下
    2013-08-08
  • 关于jQuery新的事件绑定机制on()的使用技巧

    关于jQuery新的事件绑定机制on()的使用技巧

    本篇文章介绍了,关于jQuery新的事件绑定机制on()的使用技巧。需要的朋友参考下
    2013-04-04
  • jQuery实现两列等高并自适应高度

    jQuery实现两列等高并自适应高度

    想要使用jQuery实现两列等高并自适应高度,其实也很简单,原理就是取得左右两边的高度,然后判断这个值,把大的值赋给小的就行了。下面就跟小编一起来看下吧
    2016-12-12
  • Jquery 自定义事件实现发布/订阅的简单实例

    Jquery 自定义事件实现发布/订阅的简单实例

    下面小编就为大家带来一篇Jquery 自定义事件实现发布/订阅的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • jQuery中jqGrid分页实现代码

    jQuery中jqGrid分页实现代码

    今天看到javaeye上有人使用了jqGrid实现了数据的分页,参考它的代码,实现了这个功能,搬出来晒晒,作为自己以后学习的资料
    2011-11-11
  • jQuery基于Ajax方式提交表单功能示例

    jQuery基于Ajax方式提交表单功能示例

    这篇文章主要介绍了jQuery基于Ajax方式提交表单功能,结合实例形式分析了jQuery使用ajax方式提交表单的具体步骤与常见操作技巧,需要的朋友可以参考下
    2017-02-02
  • 实例讲解jquery中mouseleave和mouseout的区别

    实例讲解jquery中mouseleave和mouseout的区别

    这篇文章主要以实例详细讲解了jquery中mouseleave和mouseout的区别,模仿下拉框效果,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • 基于jquery实现人物头像跟随鼠标转动

    基于jquery实现人物头像跟随鼠标转动

    一款非常乖巧的人物头像跟随鼠标转动效果,在浏览器屏幕内,人物脸庞始终面向鼠标转动,本篇文章给大家介绍基于jquery实现人物头像跟随鼠标转动,有需要的朋友可以参考下
    2015-08-08
  • JQuery中$之选择器用法介绍

    JQuery中$之选择器用法介绍

    在jQuery 中$("<span>"),这个语法等同于$(document.createElement("span")) ,这是一种用法
    2011-04-04
  • jQuery之动画效果大全

    jQuery之动画效果大全

    本篇文章主要介绍了jQuery之动画效果,详细的介绍了各种动画特效的用法,有需要的可以了解一下。
    2016-11-11

最新评论