请将下面的JavaScript代码加上注释，越详细越好。
<html><head><metacharset="UTF-8"><title>用户登录</title><scripttype="text/javascript">fun...
<html>
<head>
<meta charset="UTF-8">
<title>用户登录</title>
<script type="text/javascript">
function login(){
var user1=document.getElementById("user").value;
var password1=document.getElementById("password").value;
var phone=/^\d{11}$/;
var email=/^[\w\-\+]+@\w+[\.a-z+]+$/i;
var custom=/^\w{6,20}$/i;
var password2="";
var s=0;
if(phone.test(user1)==false&&email.test(user1)==false&&custom.test(user1)==false)
alert("账号格式错误，应为6-20位数字或字母");
else if(phone.test(user1)==true)
alert("你的账号类型为电话号码");
else if(email.test(user1)==true)
alert("你的账号类型为电子邮箱");
else if(custom.test(user1)==true)
alert("你的账号类型为自定义");
if(custom.test(password1)==false)
alert("密码格式错误，应为6-20位数字或字母");
else{
alert("登陆成功");
for(;s<password1.length;s++){
password2+=password1.charCodeAt(s)<<2;
}
alert("加密后密码为："+password2);
}
if(custom.test(password1)==true)
try{
window.location.href="新页面.html";
}
catch(exception){
alert("网页跳转失败");}
}
</script>
</head>
<body>
<div>
<p>请输入账号：<input type="text" id="user" name="user"></p>
<p>请输入密码：<input type="password" id="password"></p>
<p><input type="button" value="登录" onClick="login()"></p>
</div>
</body>
</html> 展开
<head>
<meta charset="UTF-8">
<title>用户登录</title>
<script type="text/javascript">
function login(){
var user1=document.getElementById("user").value;
var password1=document.getElementById("password").value;
var phone=/^\d{11}$/;
var email=/^[\w\-\+]+@\w+[\.a-z+]+$/i;
var custom=/^\w{6,20}$/i;
var password2="";
var s=0;
if(phone.test(user1)==false&&email.test(user1)==false&&custom.test(user1)==false)
alert("账号格式错误，应为6-20位数字或字母");
else if(phone.test(user1)==true)
alert("你的账号类型为电话号码");
else if(email.test(user1)==true)
alert("你的账号类型为电子邮箱");
else if(custom.test(user1)==true)
alert("你的账号类型为自定义");
if(custom.test(password1)==false)
alert("密码格式错误，应为6-20位数字或字母");
else{
alert("登陆成功");
for(;s<password1.length;s++){
password2+=password1.charCodeAt(s)<<2;
}
alert("加密后密码为："+password2);
}
if(custom.test(password1)==true)
try{
window.location.href="新页面.html";
}
catch(exception){
alert("网页跳转失败");}
}
</script>
</head>
<body>
<div>
<p>请输入账号：<input type="text" id="user" name="user"></p>
<p>请输入密码：<input type="password" id="password"></p>
<p><input type="button" value="登录" onClick="login()"></p>
</div>
</body>
</html> 展开
1个回答
展开全部
希望对你有帮助
<html>
<head>
<meta charset="UTF-8">
<title>用户登录</title>
<script type="text/javascript">
// 用户登录 点击登录按钮时调用该方法
function login(){
var user1=document.getElementById("user").value; // 获取用户输入的 ［账号］
var password1=document.getElementById("password").value; // 获取用户输入的 ［密码］
// 以下是正则表达式 用于验证输入的 ［电话号码 和 邮箱号码］的正确性
var phone=/^\d{11}$/; // 电话号码为 11 位整数验证
var email=/^[\w\-\+]+@\w+[\.a-z+]+$/i; // 验证邮箱号的正确性
// 正则表达式用于验证密码位数 [6 到 20 位]
var custom=/^\w{6,20}$/i;
var password2="";
var s=0;
// 验证手机号 和 邮箱号
// 账号错误
if(phone.test(user1)==false&&email.test(user1)==false&&custom.test(user1)==false){
alert("账号格式错误，应为6-20位数字或字母");
}
// 账号正确 然后判断账号类型
else if(phone.test(user1)==true){
alert("你的账号类型为电话号码");
}
else if(email.test(user1)==true){
alert("你的账号类型为电子邮箱");
}
else if(custom.test(user1)==true){
alert("你的账号类型为自定义");
}
// 验证密码
// 密码错误
if(custom.test(password1)==false){
alert("密码格式错误，应为6-20位数字或字母");
}
// 正确 对密码进行简单加密
else{
alert("登陆成功");
for(;s<password1.length;s++){
password2+=password1.charCodeAt(s)<<2;
}
alert("加密后密码为："+password2);
}
// 验证成功后跳转到成功页面
if(custom.test(password1)==true){
try{
window.location.href="新页面.html";
}
catch(exception){
alert("网页跳转失败");
}
}
}
</script>
</head>
<body>
<div>
<p>请输入账号：<input type="text" id="user" name="user"></p>
<p>请输入密码：<input type="password" id="password"></p>
<p><input type="button" value="登录" onClick="login()"></p><!-- 登录事件 -->
</div>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
