<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title></title>
</head>
<body>
<style>
#p1, #p2 {
visibility: hidden;
}
</style>
<div>
email <input type="text" id="email">
<p id="p1">邮箱格式错误</p>
password <input type="password" id="pwd">
<p id="p2">邮箱或密码错误</p>
<button id="btn">登录</button>
</div>
<script>
var btn = document.getElementById('btn');
btn.onclick = function () {
var email = document.getElementById('email');
var emailv = email.value;
var pwd = document.getElementById('pwd').value;
console.log(emailv,pwd);
var emailvreg=/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
var pwdreg=/[A-Za-z0-9]/;
if(emailvreg.test(emailv)&&pwdreg){
document.querySelector('#p1').style.visibility='hidden';
document.querySelector('#p2').style.visibility='hidden'
alert("登录成功");
}else{
document.querySelector('#p2').style.visibility='visible';
document.querySelector('#p1').style.visibility='visible';
}
}
</script>
</body>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· Manus爆火，是硬核还是营销？
· 终于写完轮子一部分：tcp代理 了，记录一下
· 别再用vector＜bool＞了！Google高级工程师：这可能是STL最大的设计失误
· 单元测试从入门到精通