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>

复制代码

<!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>

复制代码