jQuery判断邮箱格式对错实例代码讲解

 更新时间:2017年04月12日 09:13:10   作者:{}  
本文通过实例代码给大家讲解了基于jquery判断邮箱格式对错,非常实用,具有参考借鉴价值,需要的的朋友参考下吧

废话不多说了,具体代码如下所示;

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>检测Email地址格式是否正确</title>
   <script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
  <input type="text" id="emailname">
  <input type="submit" value="检测Email地址格式是否正确" class="is-email">
  <script type="text/javascript">
  $(".is-email").click(function(){
    var email = $("#emailname").val();
    if(email == ''){
       alert("请输入您的邮箱");
       return;
    }else if(email != "") {
      var reg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
      isok= reg.test(email );
      if (!isok) {
        alert("邮箱格式不正确,请重新输入!");
        return false;
      }
    };
    alert("ok 输入正确");
  });
  </script>
</body>
</html>

以上所述是小编给大家介绍的jQuery判断邮箱格式对错实例代码讲解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • jQuery图片轮播的具体实现

    jQuery图片轮播的具体实现

    之前有碰到过jQuery实现列表自动滚动,这次的图片轮播在原理上与之相同,只有一些细微的差别,就是需要在图片的右下角显示当前图片的序号
    2013-09-09
  • jQuery实现的可编辑表格完整实例

    jQuery实现的可编辑表格完整实例

    这篇文章主要介绍了jQuery实现的可编辑表格,结合完整实例形式分析了jQuery响应鼠标事件动态操作页面元素样式与属性的相关技巧,需要的朋友可以参考下
    2016-06-06
  • jQuery遍历Form示例代码

    jQuery遍历Form示例代码

    取得id为form1的form的所有输入变量,然后使用for循环进行数组遍历,具体实现如下,感兴趣的朋友可以参考下
    2013-09-09
  • jquery动态改变div宽度和高度

    jquery动态改变div宽度和高度

    这篇文章主要介绍了jquery动态改变div宽度和高度,需要的朋友可以参考下
    2015-02-02
  • jquery三大不同版本之间区别专家讲解

    jquery三大不同版本之间区别专家讲解

    jQuery是一个快速、简洁的JavaScript框架,目前jQuery有1.x、2.x、3.x三个版本,在jQuery官网(http://jquery.com/)可以查看,2.x、3.x不是 1.x 的后续或者升级版本,他们是同时更新迭代的,现在使用最广的版本都是1.x的
    2023-09-09
  • jQuery动态添加与删除tr行实例代码

    jQuery动态添加与删除tr行实例代码

    最近由于项目的需要,需要动态的添加和删除table中的tr,感觉用JS可以实现,但是在网上找了一下,单纯的自己写JS,感觉太麻烦,而且也不好维护。于是想到了最近学的jQuery。这篇文章给大家用实例介绍了jQuery动态添加与删除tr行的方法,有需要的朋友们可以参考借鉴。
    2016-10-10
  • JQuery常用简单动画操作方法回顾与总结

    JQuery常用简单动画操作方法回顾与总结

    这篇文章主要介绍了JQuery常用简单动画操作方法,回顾与总结了jQuery常用的各种动画效果操作方法及相关使用技巧,需要的朋友可以参考下
    2019-12-12
  • JQuery判断checkbox是否选中及其它复选框操作方法合集

    JQuery判断checkbox是否选中及其它复选框操作方法合集

    这篇文章主要介绍了JQuery判断checkbox是否选中及其它复选框操作方法合集,本文汇总了网上解决这个问题比较好的几篇文章,需要的朋友可以参考下
    2015-06-06
  • jQuery 设置 CSS 属性示例介绍

    jQuery 设置 CSS 属性示例介绍

    设置指定的CSS属性或设置多个CSS属性,下面有个不错的示例,大可以参考下
    2014-01-01
  • jQuery插件FusionCharts实现的MSBar3D图效果示例【附demo源码】

    jQuery插件FusionCharts实现的MSBar3D图效果示例【附demo源码】

    这篇文章主要介绍了jQuery插件FusionCharts实现的MSBar3D图效果,结合完整实例形式分析了jQuery使用FusionCharts载入xml数据绘制MSBar3D图的相关操作技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下
    2017-03-03

最新评论