javascript中关于密码以重复密码验证的一个问题？
以下是第一次输入密码：
<div class="s4">
<form name="myForm" onsubmit="checkForm()" action="" method="post">
密码:<input type="password" name="pw" onkeydown="checkForm(this.value)" class="a0"><br />
<div id="a1">密码不能小于6个字符</div>
<div id="a2">密码可用</div>
<div id="a3">密码不能大于12个字符</div><br/>
</form>
</div>
以下是重复输入密码：
<div class="s5">
<form name="again" action="" method="post">
密码确认:<input type="password" name="pw1" class="a0">
</form>
</div>
以下是按钮代码：
<div class="s6">
<form name="subm" onSubmit="return subm()" action="" >
<input type="submit" value="注册">
<input type="reset" value="重置">
</form>
</div>
以下是javacsript中的函数：
function subm()
{
if(document.myForm.pw.value==document.again.pw1.value)
{
alert("验证成功");
return false;
}
else
{
alert("密码不一致!");
}
}
不知道为什么我得这个功能实现不了，请各位高手指点！谢谢！
最新回答
快乐很简单
2024-09-13 15:41:31
1.提交的表单放在一个form中；
2.input type="password" 设置 maxlength="12"；
3.根据需要判断密码是否为空；
4.提示层显示/隐藏，位置控制；
5.提交到服务器后，服务器端代码需要再次判断数据的正确性；
示例代码：
<script type="text/javascript">
function checkForm() {
var passwd = document.getElementById('pw').value,
passwd2 = document.getElementById('pw1').value;
if (passwd == passwd2) {
return true;
}
document.getElementById('warn').style.display = '';
return false;
}
</script>
<div class="s4">
<form name="myForm" onsubmit="return checkForm()" action="" method="post">
密码:<input type="password" name="pw" class="a0"><br />
<div id="a1">密码不能小于6个字符</div>
<div id="a2">密码可用</div>
<div id="a3">密码不能大于12个字符</div><br/>
<div class="s5">
密码确认:<input type="password" name="pw1" class="a0">
</div>
<div id="warn" style="display:none;">两次输入的密码不同 请确认</div>
<div class="s6">
<input type="submit" value="注册">
<input type="reset" value="重置">
</div>
</form>
</div>
酸酸de欢乐
2024-09-13 17:40:49
都放在 一个form中 就行了 只有最后一个form有submit 有submit的form里面 还没有 <inout>
有<input>标签的内容的 没有<submit>提交 呵呵 ！
热门标签
