HTML代码求助

房宝彬

本帖最后由翟友伟于 2012-3-25 14:48 编辑

test.rar (3.12 KB, 下载次数: 131)
HTML 注册表单部分。
二次密码输入验证，和密码提示
同样的代码用户名部分效果出了，但是后面老是出不来
请懂HTML的同志帮我看看哪里的问题

function checkUser(userNode)
{
var value= userNode.value;
var regex=/^\w{3,5}$/;
var divNode= document.getElementById("userdiv");
if (regex.test(value))
{
userNode.className="norm";
divNode.style.display="none";
}
else
{
userNode.className="error";
divNode.style.display="block";
}
}
function checkRepsw(repswNode)
{
var value1 =repswNode.value;
var value2 =document.getElementByName("psw")[0].value;
var divNode = document.getElementById("repswdiv");
if (value1==value2)
{
repswNode.className="norm";
divNode.style.display="none";
}
else
{
repswNode.className="error";
divNode.style.display="block";
}
}
<tr>
<td>
<div>用户名</div>
<div><input type="text" name="user" onblur="checkUser(this)" /></div>
<div class="errinfo" id="userdiv">用户名错误，请按要求输入</div>
<div>用户名3-5位，必须由字母和数字组成</div>
</td>
</tr>
<tr>
<td>
<div><span>密码</span> <span id="repwspan">确认密码</span></div>
<div>
<input type="password" name="psw" onblur="checkPsw(this)"/>
<input type="password" name="repsw" onblur="checkRepsw(this)" />
</div>
<div class="errinfo" id="pswdiv">密码格式错误，请重新输入</div>
<div class="errinfo" id="repswdiv">两次密码输入不一致</div>
<div>密码3-5位,必须由字母和数字组成</div>
</td>
</tr>

复制代码

鲍亚坤 · 鲍亚坤

本帖最后由鲍亚坤于 2012-3-25 15:35 编辑

<input type="password" name="psw" onblur="checkPsw(this)">

复制代码

checkPsw(this)有这个方法吗？？

翟友伟 · 翟友伟

谢谢楼上的提醒第一个问题解决了密码格式错误已经出了
但是密码二次验证的问题还没解决~

鲍亚坤 · 鲍亚坤

可以，你试试。。。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<style type="text/css">
table{
border:#0066FF 1px solid;
width:600px;
border-collapse:collapse;
}
table td,th{
border:#0066FF 1px solid;
padding:10px;
}
table td{
background-color:#FFFF99;}
table th{
background-color:#FF9900;}
#repwspan{margin-left:105px;
}
.errinfo{color:#FF0000;
display:none;
}
.error{border:#FF0000 2px solid;
}
.focus{border:#0099FF 2px solid;
}
</style>
<script type="text/javascript">
function inputColor(input)
{
input.onfocus =function()
{
this.className="focus";
}
}
window.onload= function()
{
with(document.forms[0])
{
inputColor(user);
}
}
function check(inputNode,regex,divId)
{
var divNode= document.getElementById(divId);
if (regex.test(inputNode.value))
{
inputNode.className="norm";
divNode.style.display="none";
}
else
{
inputNode.className="error";
divNode.style.display="block";
}
}
function checkUser(userNode)
{
var value= userNode.value;
var regex=/^\w{3,5}$/;
var divNode= document.getElementById("userdiv");
if (regex.test(value))
{
userNode.className="norm";
divNode.style.display="none";
}
else
{
userNode.className="error";
divNode.style.display="block";
}
}
function checkPsw(userNode)
{
var value= userNode.value;
var regex=/^\w{3,5}$/;
var divNode= document.getElementById("pswdiv");
if (regex.test(value))
{
userNode.className="norm";
divNode.style.display="none";
}
else
{
userNode.className="error";
divNode.style.display="block";
}
}
function checkRepsw(repswNode)
{
var value1 =repswNode.value;
var value2 =document.getElementsByName("psw")[0].value;
var divNode = document.getElementById("repswdiv");
if (value1==value2)
{
repswNode.className="norm";
divNode.style.display="none";
}
else
{
repswNode.className="error";
divNode.style.display="block";
}
}
</script>
</head>
<body onload="document.myForm.myTextBox.focus();">
<form>
<table>
<tr>
<th>注册表单</th>
</tr>
<tr>
<td>
<div>用户名</div>
<div><input type="text" name="user" onblur="checkUser(this)" /></div>
<div class="errinfo" id="userdiv">用户名错误，请按要求输入</div>
<div>用户名3-5位，必须由字母和数字组成</div>
</td>
</tr>
<tr>
<td>
<div><span>密码</span> <span id="repwspan">确认密码</span></div>
<div>
<input type="password" name="psw" onblur="checkPsw(this)"/>
<input type="password" name="repsw" onblur="checkRepsw(this)" />
</div>
<div class="errinfo" id="pswdiv">密码格式错误，请重新输入</div>
<div class="errinfo" id="repswdiv">两次密码输入不一致</div>
<div>密码3-5位,必须由字母和数字组成</div>
</td>
</tr>
<tr>
<td>
<p>请选择您的性别</p>
<p><input type="radio" name="radsuit" value=""/>男性</p>
<p><input type="radio" name="radsuit" value=""/>女性</p>
</td>
</tr>
<tr>
<td>
<select name="selcity">
<option selected="selected" value="">请选择您所在的城市</option>
<option value="beijing">北京</option>
<option value="tianjin">天津</option>
<option value="shanghai">上海</option>
<option value="guangzhou">广州</option>
<option value="chongqing">重庆</option>
</select>
</td>
</tr>
<tr>
<td>
<p>请选择您的兴趣爱好</p>
<p><input type="checkbox" name="chksuit" value="gonet"/>上网</p>
<p><input type="checkbox" name="chksuit" value="playgame"/>玩游戏</p>
<p><input type="checkbox" name="chksuit" value="readbook"/>看书</p>
<p><input type="checkbox" name="chksuit" value="sport"/>运动</p>
<p><input type="checkbox" name="chksuit" value="seefilm"/>看电影</p>
<p><input type="checkbox" name="chksuit" value="getlady"/>谈恋爱</p>
<p><input type="button" value="countCheckboxer"
onclick="countCheckboxer(frmCards.chksuit)" /></p>
</td>
</tr>
<tr>
<td>
个人简介：<br />
<textarea name="personinfo" rows="20" cols="100" ></textarea><br />
</td>
</tr>
<tr>
<th>
<input type="submit" value="提交数据"/>
</th>
</tr>
</table>
</form>
</body>
</html>

复制代码

翟友伟 · 翟友伟

鲍亚坤发表于 2012-3-25 16:45
可以，你试试。。。

朋友真是太感谢你了
好心人。

黑马张平 · 黑马张平

ytyt谢谢。。。

帐号		自动登录	找回密码
密码			加入黑马

HTML代码求助

评分

5 个回复

评分

黑马骑士勋章

HTML代码 求助

评分

5 个回复

评分

黑马骑士勋章

HTML代码求助