怎样使同一页面中的部分文本框的值不重复和所有的文本框内容不能为空?

Question

在同一个页面中,有很多文本框,我想实现的是只有部分文本框的值不能重复,而其它的文本框的却可以重复,还有就是让所有的文本框的值都不能为空,如果不符就提示,这样的代码真不知怎样去写,(我只想让所有的用户名不能重复,而密码可以重复),还下面是我的代码:
-----------------------------------------------------------------------------------------------------
<form id="form1" name="form1" method="post" action="admin_pwd_km7_check.asp" onsubmit="return isfull()" >
<table width="600" border="0" align="center">
<tr>
<td height="26" align="center"><span class="STYLE4">七年级各科密码管理</span></td>
</tr>
</table>
<table width="600" height="250" border="0" align="center" cellspacing="1" bgcolor="#6699CC">
<tr>
<td width="68" align="center"><span class="STYLE2">科目</span></td>
<td width="257" align="center"><span class="STYLE2">用户名</span></td>
<td width="265" align="center"><span class="STYLE2">密码</span></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">政治</td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="user_zz" /></td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="pwd_zz" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">语文</td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="user_yw" /></td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="pwd_yw" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">数学</td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="user_sx" /></td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="pwd_sx" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">英语</td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="user_yy" /></td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="textfield11" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">生物</td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="user_sw" /></td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="pwd_sw" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">历史</td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="user_ls" /></td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="pwd_ls" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">地理</td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="user_dl" /></td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="pwd_dl" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">&nbsp;</td>
<td colspan="2" align="center" bgcolor="#FFFFFF"><input type="submit" name="Submit" value="保存数据" /></td>
</tr>
</table>

Answer 1

<form id="form1" name="form1" method="post" action="admin_pwd_km7_check.asp" onsubmit="return isfull()" >
<table width="600" border="0" align="center">
<tr>
<td height="26" align="center"><span class="STYLE4">七年级各科密码管理</span></td>
</tr>
</table>
<table width="600" height="250" border="0" align="center" cellspacing="1" bgcolor="#6699CC">
<tr>
<td width="68" align="center"><span class="STYLE2">科目</span></td>
<td width="257" align="center"><span class="STYLE2">用户名</span></td>
<td width="265" align="center"><span class="STYLE2">密码</span></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">政治</td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="user_zz" /></td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="pwd_zz" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">语文</td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="user_yw" /></td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="pwd_yw" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">数学</td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="user_sx" /></td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="pwd_sx" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">英语</td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="user_yy" /></td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="pwd_yy" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">生物</td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="user_sw" /></td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="pwd_sw" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">历史</td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="user_ls" /></td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="pwd_ls" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">地理</td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="user_dl" /></td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="pwd_dl" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">&nbsp;</td>
<td colspan="2" align="center" bgcolor="#FFFFFF"><input type="submit" name="Submit" value="保存数据" /></td>
</tr>
</table>
</form>
<script>
Array.prototype.indexOf=function(o){
for(var i=0;i<this.length;i++){
if(this[i]==o)return i;
}
return -1;
}
function isfull(){
var userName=["user_zz","user_yw","user_sx","user_yy","user_sw","user_ls","user_dl"]
var psdName=["pwd_zz","pwd_yw","pwd_sx","pwd_yy","pwd_sw","pwd_ls","pwd_dl"]
var userValue=[];

for(var i=0;i<userName.length;i++){
var obj=document.getElementsByName(userName[i])[0].value;
if(obj==""){alert("Name Is Null.");return false;}
if(userValue.indexOf(obj)!=-1){alert("Name Is Repeat.");return false;}
userValue[userValue.length]=obj;
}

for(var i=0;i<psdName.length;i++){
var obj=document.getElementsByName(psdName[i])[0].value;
if(obj==""){alert("Password Is Null.");return false;}
}

return true;

}
</script>

Answer 2

function checkInput() {
var tbl = document.getElementsByTagName("table")[1];
var obj = {};
var user,pass,course;
for (var i=0; i<tbl.rows.length-1;i++ )
{
user = tbl.rows[i].cells[1].childNodes[0];
pass = tbl.rows[i].cells[2].childNodes[0];
course = tbl.rows[i].cells[0].innerHTML;
if (/^\s*$/.test(user.value))
{
alert("The name of "+tbl.rows[i].cells[0].innerHTML+"can't be null");
user.focus();
return false;
}
if ( /^\s*$/.test(pass.value))
{
alert("The pass of "+tbl.rows[i].cells[0].innerHTML+"can't be null");
pass.focus();
return false;
}
if (obj[user.value] )
{
alert("The name of "+obj[user.value]+"and "+course+" are  the same");
user.focus();
return false;
}
obj[user.value] = course;
} return true;
}

Answer 3

<!Doctype html public '-//w3c//dtd xhtml 1.0 transitional//en' 'http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<style type="text/css">
.error{
border:1px solid red
}
</style>
<script language='javascript' src='http://code.jquery.com/jquery-1.4.2.min.js'></script>
<script language='javascript' type='text/javascript'>
$(document).ready(
function()
{
var $text=$('input[type="text"]');
$text.val('sdf');
$text.focus(function(){
$(this).removeClass('error');//得到光标 去除红色提示
});
$('input[name="Submit"]').click(function(){
var $empty=$text.not($('input[type="text"][value]'));
if($empty.length>0)
{
$empty.addClass('error');//添加红色边框 提示为空
return false;
}
var $txtUser=$text.filter('[name*="user"]');
$txtUser.each(function(){
var value=$(this).val();
var $SameValue=$txtUser.filter('[value="'+value+'"]');
if($SameValue.length>1)
{
$(this).addClass('error');
$SameValue.addClass('error');
return false;
}

});
return false;
});
}
);
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="admin_pwd_km7_check.asp" onsubmit="return isfull()" >
<table width="600" border="0" align="center">
<tr>
<td height="26" align="center"><span class="STYLE4">七年级各科密码管理</span></td>
</tr>
</table>
<table width="600" height="250" border="0" align="center" cellspacing="1" bgcolor="#6699CC">
<tr>
<td width="68" align="center"><span class="STYLE2">科目</span></td>
<td width="257" align="center"><span class="STYLE2">用户名</span></td>
<td width="265" align="center"><span class="STYLE2">密码</span></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">政治</td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="user_zz" /></td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="pwd_zz" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">语文</td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="user_yw" /></td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="pwd_yw" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">数学</td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="user_sx" /></td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="pwd_sx" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">英语</td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="user_yy" /></td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="textfield11" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">生物</td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="user_sw" /></td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="pwd_sw" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">历史</td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="user_ls" /></td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="pwd_ls" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">地理</td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="user_dl" /></td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="pwd_dl" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">&nbsp;</td>
<td colspan="2" align="center" bgcolor="#FFFFFF"><input type="submit" name="Submit" value="保存数据" /></td>
</tr>
</table>
</body>
</html>使用jquery，IE下测试通过

Answer 4

<!Doctype html public '-//w3c//dtd xhtml 1.0 transitional//en' 'http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<style type="text/css">
.error{
border:1px solid red
}
</style>
<script language='javascript' src='http://code.jquery.com/jquery-1.4.2.min.js'></script>
<script language='javascript' type='text/javascript'>
$(document).ready(
function()
{
var $text=$('input[type="text"]');
$text.focus(function(){
$(this).removeClass('error');//得到光标 去除红色提示
});
$('input[name="Submit"]').click(function(){
var $empty=$text.not($('input[type="text"][value]'));
if($empty.length>0)
{
$empty.addClass('error');//添加红色边框 提示为空
return false;
}
var $txtUser=$text.filter('[name*="user"]');
$txtUser.each(function(){
var value=$(this).val();
var $SameValue=$txtUser.filter('[value="'+value+'"]');
if($SameValue.length>1)
{
$(this).addClass('error');
$SameValue.addClass('error');
return false;
}
});
});
}
);
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="admin_pwd_km7_check.asp" onsubmit="return isfull()" >
<table width="600" border="0" align="center">
<tr>
<td height="26" align="center"><span class="STYLE4">七年级各科密码管理</span></td>
</tr>
</table>
<table width="600" height="250" border="0" align="center" cellspacing="1" bgcolor="#6699CC">
<tr>
<td width="68" align="center"><span class="STYLE2">科目</span></td>
<td width="257" align="center"><span class="STYLE2">用户名</span></td>
<td width="265" align="center"><span class="STYLE2">密码</span></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">政治</td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="user_zz" /></td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="pwd_zz" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">语文</td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="user_yw" /></td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="pwd_yw" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">数学</td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="user_sx" /></td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="pwd_sx" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">英语</td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="user_yy" /></td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="textfield11" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">生物</td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="user_sw" /></td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="pwd_sw" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">历史</td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="user_ls" /></td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="pwd_ls" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">地理</td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="user_dl" /></td>
<td align="center" bgcolor="#FFFFFF"><input type="text" name="pwd_dl" /></td>
</tr>
<tr>
<td align="center" bgcolor="#FFFFFF" class="STYLE2">&nbsp;</td>
<td colspan="2" align="center" bgcolor="#FFFFFF"><input type="submit" name="Submit" value="保存数据" /></td>
</tr>
</table>
</body>
</html>
刚才发的有点问题

Answer 5

#1楼(shan1119)就是我要的效果，我测试过，一切没问题,非常好。THANK！！！