求解为什么点注册的时候，所有信息重置了，解锁按钮也没有显示，菜鸟，多多包涵

CocaCola... 2017-09-27 10:37:10

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>表单验证</title>
</head>
<body>
<form method="post" action="" onSubmit="return eg.regCheck();">
<input type="hidden" name="" id="errnum" value="0"/>
账户：<input type="text" name="" id="userid" /> <br/> <br/>
密码：<input type="password" name="" id="userpwd"/> <br/> <br/>
确认：<input type="password" name="" id="userpwd2"/> <br/> <br/>
简介：<textarea name="" rows="4" cols="18" id="about"></textarea><br/> <br/>
<input type="submit" value="注册" id="regBtn" />
<input type="button" value="解锁" onClick="eg.unlock()" style="display:none;" id="regUnlock">
</form>

<script>
var eg={};
eg.$=function(id){
return document.getElementById(id);
};
eg.regCheck=function(){
var uid=eg.$("userid");
var upwd=eg.$("userpwd");
var upwd=eg.$("userpwd2");
if(uid.value=='')
{
alert('账户不能为空');
eg.err();
return false;

}
if(upwd.value=='')
{
alert('密码不能为空！');
eg.err();
return false ;
}

if(upwd.value!=upwd2)
{
alert('两次密码不相同，请重新输入!');
eg.err();
return false;

}

var about=eg.$("about");
if(about.value.length>60)
{
alert('简介太长!');
eg.err();
return false;

}
return true;

};
eg.err=function()
{
var el=eg.$("errnum")
var old=el.value;
el.value=parseInt(old)+1;
eg.lock();
};

eg.lock=function(){
var err=eg.$("errnum");
if(parseInt(err.value)>2)
{
eg.$("regBtn").disabled=true;
eg.$("reUnlock").style.display="block";

}
};

eg.unlock=function(){
eg.$("regBtn").disabled=false;
eg.$("regUnlock").style.display="none";

}
</script>

</body>
</html>

...全文

246 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

clark_kidd 2017-09-27

打赏
举报

似乎是js报错导致 onsubmit 的 return false 避免提交机制没生效，最后form提交了

jio可 2017-09-27

打赏
举报

错误很多 1.upwd.value!=upwd2 upwd2这个变量没有 2.eg.$("reUnlock").style.display="block"; id=reUnlock的dom不存在 3.form表单提交会刷新页面导致页面清空 4.格式好乱......


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>表单验证</title>
</head>
<body>
<form method="post" action=""> 
  <input type="hidden" name="" id="errnum" value="0"/>
  账户：<input type="text" name="" id="userid" /> <br/> <br/> 
  密码：<input type="password" name="" id="userpwd"/> <br/> <br/> 
  确认：<input type="password" name="" id="userpwd2"/> <br/> <br/> 
  简介：<textarea name="" rows="4" cols="18" id="about"></textarea><br/> <br/> 
  <input type="button" value="注册" id="regBtn" onclick="eg.regCheck()"/>
  <input type="button" value="解锁" onClick="eg.unlock()" style="display:none;" id="regUnlock">
</form>

<script>
var eg = {};

//获取dom
eg.$ = function(id){
  return document.getElementById(id);
};

//校验表单
eg.regCheck = function(){
  var uid = eg.$("userid");
  var upwd = eg.$("userpwd");
  var upwd2 = eg.$("userpwd2");
  var about = eg.$("about");
  if(uid.value == ''){
    console.log('账户不能为空');
    eg.err();
    return false;

  }
  if(upwd.value == ''){
    console.log('密码不能为空！');
    eg.err();
    return false ;
  }

  if(upwd.value != upwd2){
    console.log('两次密码不相同，请重新输入!');
    eg.err();
    return false;
  }

  if(about.value.length > 60){
    console.log('简介太长!');
    eg.err();
    return false;     
  }
  return true;
};

//记录错误次数
eg.err = function(){
  var el = eg.$("errnum");
  var old = el.value;
  el.value = parseInt(old)+1;
  eg.lock();
};

//错误3次锁定 隐藏注册按钮，显示解锁按钮
eg.lock = function(){    
  var err = eg.$("errnum");
  if(parseInt(err.value) > 2){
  eg.$("regBtn").disabled = true;
  eg.$("regUnlock").style.display = "block";
  }
};


//解锁 显示注册按钮，隐藏解锁按钮
eg.unlock = function(){
  eg.$("regBtn").disabled = false;
  eg.$("regUnlock").style.display = "none";
}
  </script>

</body>
</html>

CocaCola... 2017-09-27

打赏
举报

感谢你的回复，首先是我自己upwd命名重复，其次是button的id打错了：如下： var upwd=eg.$("userpwd"); var upwd=eg.$("userpwd2"); <input type="button" value="解锁" onClick="eg.unlock()" style="display:none;" id="regUnlock"> eg.$("reUnlock").style.display="block";

用筛选法求解n以内的所有素数：筛选法的思想是一个数是素数则这个数的所有的倍数都是合数，我们不去找素数而去找合数，剩下的就是素数了。一个合数其最大的质因子不会超过其开发数,所以只要迭代到其最大数的开方数即可一个简单的筛素数的过程：n=30。1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30...

【Educoder作业】问题求解——字符信息这次作业就是处理字符，关键在于字符串的一些函数要掌握熟练。 T1 解析二维码这个题是容易的，只需要做到888位取出来就行，具体处理题目描述里已经给出了。 ########## Begin ########## def parseQR(x) : l = len(x) ret = '' for i in range(l // 8) : # i * 8, (i + 1) * 8 - 7 mdl = x[i *

EXCEL2007如何调出规划求解加载项？ Office按钮→EXCEL选项→加载项，单击“转到（G）”按钮，在加载宏弹出菜单中,勾选“规划求解加载项”后，单击“确定”。如是第一次使用，则会进入安装进程，中间需要根据安装向导告诉系统安装源SETUP.EXE的目录。安装完成后，“规划求解”命令按钮，位于“数据”选项卡→“分析”组中。

问题描述求解下图所示的TSP问题，计算出所经过的城市编号以及最短路径值，城市代价矩阵如图所示：基本思想最近邻点策略：从任意城市出发，每次在没有到过的城市中选择最近的一个，直到经过了所有的城市，最后回到出发城市。用最近邻点贪心策略求解TSP问题所得的结果不一定是最优解，图 (a)中从城市1出发的最优解是1→2→5→4→3→1，总代价只有...

文章目录递归求解迷宫问题迷宫题目算法思路算法代码算法设计完整代码最终迷宫路径算法总结递归求解迷宫问题有些问题可以使用递归方法求解，将大问题分解成求解方法相同的小问题。递归调用必须有的两个因素：1、有递归出口，2、有递归体。并且递归调用的次数总是有限的。迷宫题目设计算法输出所有的迷宫路径，其中(1,1)为入口，(4,4)为出口。（规定以0为可走方块，1为不可走方块） int mg[M+2][N+2]= //M=4，N=4 { {1, 1, 1, 1, 1, 1},