JavaScript邮箱格式验证实现代码
作者:代码拾荒时间:2026-10-30 15:36:30浏览:166
本文介绍如何在JavaScript中通过正则表达式验证用户输入的邮箱格式。示例代码展示了如何获取表单元素值,利用正则匹配规则判断邮箱合法性,并触发提交按钮的验证逻辑。
JavaScript邮箱格式验证实现代码
具体实现方式如下所示:
<!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>
以上即为在JavaScript中实现邮箱格式验证的完整内容,希望对大家有帮助。
作者最新文章
JavaScript异步发送HTTP请求时怎么优雅地处理错误
2026-11-05 17:10:44
5款主流JS在线运行工具对比:CodePen、JSFiddle与StackBlitz怎么选
2026-11-05 17:04:04
JavaScript入门书籍避坑:这些书不适合初学者
2026-11-05 16:31:15
JS使用Math.round实现保留两位小数的原理与代码
2026-11-05 15:35:55
JavaScript 原生 Date 对象怎么实现日期加减
2026-11-05 14:30:00
