在js中实现邮箱格式的验证方法(推荐)

 更新时间:2016年10月24日 08:48:54   投稿:jingxian  
下面小编就为大家带来一篇在js中实现邮箱格式的验证方法(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

如下所示:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>在此处插入标题</title>
<script type="text/javascript">
//判断用户输入的电子邮箱格式是否正确
function checkEmail(){
  var myforms=document.forms;
  var myemail=myforms[0].email.value;
  var myReg=/^[a-zA-Z0-9_-]+@([a-zA-Z0-9]+\.)+(com|cn|net|org)$/;

  if(myReg.test(myemail)){
    return true;
  }else{
    myspan.innerText="邮箱格式不对!";
    return false;
}
}

</script>
</head>
<body>
  <form action="#">
    <table>
    <tr><td>邮箱:<input type="text" id=email></td><td><span id=myspan style="text-size:18pt;color:red;"></span></td></tr>
    <tr><td><input type="submit" value="提交" onclick="return checkEmail()"/></td><td></td></tr>
    </table>
  </form>


</body>
</html>

以上就是小编为大家带来的在js中实现邮箱格式的验证方法(推荐)全部内容了,希望大家多多支持脚本之家~

相关文章

  • JavaScript分秒倒计时器实现方法

    JavaScript分秒倒计时器实现方法

    这篇文章主要介绍了JavaScript分秒倒计时器实现方法,可实现按照毫秒倒计时的效果,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • JavaScript基本数据类型及值类型和引用类型

    JavaScript基本数据类型及值类型和引用类型

    大家经常可以见到javascript中的一些数据类型,比如“undefined”、“boolean”、“string”等等,这篇文章就和大家一起来学习JavaScript基本数据类型及值类型和引用类型,有需要的童鞋参考下,本文写的不好地方,还望大家提出,共同学习进步
    2015-08-08
  • javascript跨浏览器的属性判断方法

    javascript跨浏览器的属性判断方法

    这篇文章主要介绍了javascript跨浏览器的属性判断的方法,需要的朋友可以参考下
    2014-03-03
  • ES6中的rest参数与扩展运算符详解

    ES6中的rest参数与扩展运算符详解

    rest参数和扩展运算符都是ES6新增的特性。下面这篇文章主要给大家介绍了关于ES6中rest参数与扩展运算符的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-07-07
  • JavaScript中7种位运算符在实战的妙用

    JavaScript中7种位运算符在实战的妙用

    位运算是在数字底层(即表示数字的 32 个数位)进行运算的,下面这篇文章主要给大家介绍了关于JavaScript中7种位运算符在实战的妙用,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-06-06
  • 详解webpack打包时排除其中一个css、js文件或单独打包一个css、js文件(两种方法)

    详解webpack打包时排除其中一个css、js文件或单独打包一个css、js文件(两种方法)

    本文通过两种方法给大家介绍了webpack打包时排除其中一个css、js文件,或单独打包一个css、js文件的方法 ,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-10-10
  • js innerHTML 改变div内容的方法

    js innerHTML 改变div内容的方法

    永远不知道你可以改变的内容,一个HTML元素?也许你要取代的文字段落中,以反映什么访客选定刚刚从下拉框中。通过操纵一个元素的innerHtml您可以变更您的文本和HTML多达你喜欢。
    2013-08-08
  • D3.js中data(), enter() 和 exit()的问题详解

    D3.js中data(), enter() 和 exit()的问题详解

    相信大多数人对D3.js并不陌生。这是一个由纽约时报可视化编辑 Mike Bostock与他斯坦福的教授和同学合作开发的数据文件处理的JavaScript Library,全称叫做Data-Driven Documents,在d3.js中data(), enter() 和 exit()比较常见,下面给大家就这方面的知识给大家详解
    2015-08-08
  • Javascript实现跨域后台设置拦截的方法详解

    Javascript实现跨域后台设置拦截的方法详解

    这篇文章主要给大家介绍了关于Javascript实现跨域后台设置拦截的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面跟着小编来一起学习学习吧。
    2017-08-08
  • 微信小程序使用npm支持踩坑

    微信小程序使用npm支持踩坑

    这篇文章主要介绍了微信小程序使用npm支持踩坑,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-11-11

最新评论