标签分类 技术文章:
当前位置:首页 > Javascript技术文章 > JS正则验证多个邮箱完整实例【邮箱用分号隔开】

JS正则验证多个邮箱完整的代码实例

  • 发布时间:
  • 作者:码农之家原创
  • 点击:175

这篇文章主要知识点是关于JS、正则验证、多个邮箱、JS非空验证及邮箱验证的实例 的内容,如果大家想对相关知识点有系统深入的学习,可以参阅以下电子书

JavaScript框架设计
JavaScript框架设计全书完整版
  • 类型:js框架大小:286.4 MB格式:PDF出版:人民邮电出版社作者:司徒正美
立即下载
JavaScript核心技术开发解密
  • 类型:JavaScript大小:68.4 MB格式:PDF出版:电子工业出版社作者:阳波
立即下载

更多Javascript相关的学习资源可以参阅 Javascript电子书程序设计电子书 等栏目。

JS正则验证多个邮箱完整实例【邮箱用分号隔开】

本文实例讲述了JS正则验证多个邮箱的方法。分享给大家供大家参考,具体如下:

<html>
<head>
<meta charset="utf-8">
<title>JS正则验证多个邮箱</title>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
  var str = 'xxxx@126.com;123234234@qq.com;xxxxx@xxxxx.con.cn';
  var reg = /^((([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6}\;))*(([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})))$/;
  if(reg.test(str)){
    alert(1);
  }else{
    alert(0);
  }
</script>
</body>
</html>

这里再为大家提供2款非常方便的正则表达式工具供大家参考使用:

希望本文所述对大家JavaScript程序设计有所帮助。

JS非空验证及邮箱验证的实例

非空验证

<body>
<table>
<tr>
<td>姓名:</td>
<td><input type="text" name="TrueName" id="TrueName" /></td>
</tr>
....省略其他input
<tr>
<td colspan="2">
<input type="submit" value="submit" onclick="return check();" />
</td>
</tr>
</table>

</body>

<script language="JavaScript">
function Check()
{
 if(document.getElementById('TrueName').value=='') {
 alert('必须输入姓名!');
 document.getElementById('TrueName').focus();
 return false;
 }

 if(document.getElementById('Identity').value=='') {
 alert('必须输入身份证号码!');
 document.getElementById('Identity').focus();
 return false;
 }

 if(document.getElementById('Tel').value=='') {
 alert('必须输入联系电话!');
 document.getElementById('Tel').focus();
 return false;
 }

 if(document.getElementById('Address').value=='') {
 alert('必须输入联系地址!');
 document.getElementById('Address').focus();
 return false;
 }

 if(document.getElementById('WebID').value=='') {
 alert('必须设置员工账号!');
 document.getElementById('WebID').focus();
 return false;
 }

 if(document.getElementById('PassWord').value=='') {
 alert('密码不能为空!');
 document.getElementById('PassWord').focus();
 return false;
 }

 if(document.getElementById('PassWord').value!=document.getElementById('RPass').value) {
 alert('两次输入的密码不一致!');
 document.getElementById('PassWord').focus();
 return false;
 }
}
</script>

<script language="JavaScript">
function Check()
{
 if(document.getElementById('TrueName').value=='') {
 alert('必须输入姓名!');
 document.getElementById('TrueName').focus();
 return false;
 }

 if(document.getElementById('Identity').value=='') {
 alert('必须输入身份证号码!');
 document.getElementById('Identity').focus();
 return false;
 }

 if(document.getElementById('Tel').value=='') {
 alert('必须输入联系电话!');
 document.getElementById('Tel').focus();
 return false;
 }

 if(document.getElementById('Address').value=='') {
 alert('必须输入联系地址!');
 document.getElementById('Address').focus();
 return false;
 }

 if(document.getElementById('WebID').value=='') {
 alert('必须设置员工账号!');
 document.getElementById('WebID').focus();
 return false;
 }

 if(document.getElementById('PassWord').value=='') {
 alert('密码不能为空!');
 document.getElementById('PassWord').focus();
 return false;
 }

 if(document.getElementById('PassWord').value!=document.getElementById('RPass').value) {
 alert('两次输入的密码不一致!');
 document.getElementById('PassWord').focus();
 return false;
 }
}
</script>

邮箱验证

<script type="text/javascript">
//验证邮箱格式
function isEmail() 
{
  var email=document.getElementById("zh_e").value;
 if(email=="")
 {
 alert("请输入邮箱!");
  document.getElementById("zh_e").focus();
  return false; 
 }
 var pattern= /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
 strEmail=pattern.test(email);
   if (strEmail)
    { 
 return true;
 }
 else
   {
 alert("邮箱格式不正确!");
 }
}
</script>
实现功能:当鼠标焦点离开文本框时触发该事件。onblur=“isEmail” [ onblur()失去焦点时触发事件 ]
<body>
<input type="text" maxlength="32"  onblur="isEmail()" id="zh_e"/>
</body>

以上这篇JS非空验证及邮箱验证的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持码农之家。

以上就是本次给大家分享的关于Javascript的全部知识点内容总结,大家还可以在下方相关文章里找到火狐浏览器页面缩放兼容、 JavaScript输出所选择起始与、 JavaScript标准对象知识点总、 等javascript文章进一步学习,感谢大家的阅读和支持。

上一篇:JavaScript高级程序设计笔记分享

下一篇:javascript DOM节点获取方法代码

展开 +

收起 -

学习笔记
网友NO.549890

JS简单实现点击跳转登陆邮箱功能的方法

本文实例讲述了JS简单实现点击跳转登陆邮箱功能的方法。分享给大家供大家参考,具体如下: 前言 注册的过程中往往需要填写邮箱,并登陆邮箱进行验证。利用JS可以实现针对不同的邮箱进行点击登录验证,以下为实现方案,很简单 代码 邮箱域名数据 var hash = { 'qq.com': 'http://mail.qq.com', 'gmail.com': 'http://mail.google.com', 'sina.com': 'http://mail.sina.com.cn', '163.com': 'http://mail.163.com', '126.com': 'http://mail.126.com', 'yeah.net': 'http://www.yeah.net/', 'sohu.com': 'http://mail.sohu.com/', 'tom.com': 'http://mail.tom.com/', 'sogou.com': 'http://mail.sogou.com/', '139.com': 'http://mail.10086.cn/', 'hotmail.com': 'http://www.hotmail.com', 'live.com': 'http://login.live.com/', 'live.cn': 'http://login.live.cn/', 'live.com.cn': 'http://login.live.com.cn', '189.com': 'http://webmail16.189.cn/webmail/', 'yahoo.com.cn': 'http://mail.cn.yahoo.com/', 'yahoo.cn': 'http://mail.cn.yahoo.com/', 'eyou.com': 'http://www.eyou.com/', '21cn.com': 'http://mail.21cn.com/', '188.com': 'http://www.188.com/', 'foxmail.com': 'http://www.foxmail.com', 'outlook.com': 'http://www.outlook.com'} 获取邮箱域并替换链接(此处需要引入jQuery) // 点击登录邮箱var _mail = $("#email").val().split('@')[1]; //获取邮箱域for (var j in hash){ if(j == _mail){ $(".js_login_mail").show().attr("href", hash[_mail]); //替换登陆链接 }} 更多关于JavaScript相关内容感兴趣的读者可……

网友NO.910351

Node.js如何实现注册邮箱激活功能 (常见)

一. 先注册一个支持发送验证邮件的邮箱,网易的126邮箱就可以 注册成功后进行登录,然后点击导航栏的设置,选择POP3/SMTP/IMAP,开启POP3/SMTP/IMAP服务,设置授权码就可以了。 二. 下载nodemailer插件 在命令行输入: npm install --save nodemailer 三. 编写发送邮件代码: 1 . 对发送激活邮件代码进行封装,然后导出: //email.js// 引入 nodemailervar nodemailer = require('nodemailer');// 创建一个SMTP客户端配置var config = { host: 'smtp.126.com', port: 25, auth: { user: 'xxx@126.com', //刚才注册的邮箱账号 pass: 'xxxxxx' //邮箱的授权码,不是注册时的密码 } };// 创建一个SMTP客户端对象var transporter = nodemailer.createTransport(config);// 发送邮件module.exports = function (mail){ transporter.sendMail(mail, function(error, info){ if(error) { return console.log(error); } console.log('mail sent:', info.response); });}; 2 . 进行测试: //sendtest.jsvar send = require('./mail-test');// 创建一个邮件对象var mail = { // 发件人 from: '流觞曲水 xxx@126.com', // 主题 subject: '测试', // 收件人 to: 'xxx@qq.com', // 邮件内容,HTML格式 text: '点击激活:xxx' //接收激活请求的链接};send(mail); 成功就可以在测试的邮箱看到所发的信息。 四. 验证步骤 就我自己之前写的一个个人博客的项目而言,简单的讲一下如何实现邮箱验证。 1 . 在自己定义的数据库用户数据结构中……

网友NO.694442

JS非空验证及邮箱验证的实例

非空验证 bodytabletrtd姓名:/tdtdinput type="text" name="TrueName" id="TrueName" //td/tr....省略其他inputtrtd colspan="2"input type="submit" value="submit" onclick="return check();" //td/tr/table/bodyscript language="JavaScript"function Check(){ if(document.getElementById('TrueName').value=='') { alert('必须输入姓名!'); document.getElementById('TrueName').focus(); return false; } if(document.getElementById('Identity').value=='') { alert('必须输入身份证号码!'); document.getElementById('Identity').focus(); return false; } if(document.getElementById('Tel').value=='') { alert('必须输入联系电话!'); document.getElementById('Tel').focus(); return false; } if(document.getElementById('Address').value=='') { alert('必须输入联系地址!'); document.getElementById('Address').focus(); return false; } if(document.getElementById('WebID').value=='') { alert('必须设置员工账号!'); document.getElementById('WebID').focus(); return false; } if(document.getElementById('PassWord').value=='') { alert('密码不能为空!'); document.getElementById('PassWord').focus(); return false; } if(document.getElementById('PassWord').value!=document.getElementById('RPass').value) { alert('两次输入的密码不一致!'); document.getElementById('PassWord').focus(); return false; }}/scriptscript language="JavaScript"function Check(){ if(document.getElementById('TrueName').value=='') { alert('必须输入姓名!'); document.getElementById('TrueName'……

网友NO.393911

JS实现的邮箱提示补全效果示例

本文实例讲述了JS实现的邮箱提示补全效果。分享给大家供大家参考,具体如下: 现在要实现的是类似网易登录时的邮箱提示框的效果,不过这里我打算稍微改变一下,就是在输入@的时候再出现邮箱提示列表 实现提示的原理是采用正则进行匹配 效果图如下: 代码如下: !doctype htmlhtmlhead meta charset="utf-8" / title邮箱补全提示/title style ul{padding:0px;margin:0px;} .login_autoComplete{width:256px;border:1px solid #4190db;position:absolute;background-color:#ffffff;z-index:99;top:109px;left:40px;display:none} .login_auto_ul em{font-style:normal} .login_auto_ul li.login_auto_title{font-weight:normal;line-height:30px;} .login_auto_ul li{line-height:22px;text-indent:5px;font-family:"Arial";cursor:pointer;font-weight:bold;color:#333} .login_auto_ul li.hover,.login_auto_ul li.curr{color:#ffffff;background-color:#6eb6fe} /style script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"/script script window.email_auto = function(selector){ var elt = $(selector); var strHtml = 'div class="login_autoComplete" id="login_autoComplete"'+ ' ul class="login_auto_ul"'+ ' li class="login_auto_title"请选择邮箱后缀/li'+ ' li class="hover" hz="@qq.com"/li'+ ' li hz="@163.com"/li'+ ' li hz="@126.com"/li'+ ' li hz="@yahoo.com"/li'+ ' li hz="@sina.com"/li'+ ' li hz="@21cn.com"/li'+ ' /ul'+ ' /div'; var lc = "#login_autoComplete"; var autoComplete,autoLi; if($(lc).length==0){ $("body").append……

<
1
>

Copyright 2018-2019 xz577.com 码农之家

版权责任说明