js判断Input文本框的值(循环两个值的比较)

<html><head><title>项目</title><metahttp-equiv="Content-Type"content="text/html;charset... <html>
<head>
<title> 项目</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link href="../style/style.css" rel="stylesheet" type="text/css">
<style>
body {
background-color:#FFFFFF;
}
.STYLE1 {color: #FF0000}
</style>
</HEAD>
<BODY>
<script language="javascript">

function check1()
{
if (document.form1.huohao1.value=="项目名称"||document.form1.huohao1.value=="")
{
alert("还没有填写项目！");
return false;
}
//下面的JS是错的,怎么修改为正确的呢?请高手指教.
for(var i=1;i<=10;i++){
if (document.form1["shuzhi"+i].value==""||document.form1["shuzhi"+i].value=="0")
{
alert("至少有一个项目数值为空！");
return false;
}
if (document.form1["shuzhi"+i].value > document.form1["zongshuzhi"+i].value)
{
alert("数值一不能大于数值二!");
return false;
}
}
}
</script>
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#C4D8ED">
<tr>
<td> </td>
<td width="100%" background="../images/r_0.gif">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td> </td>
<td align="right"> </td>
</tr>
</table>
</td>
<td> </td>
</tr>
<tr>
<td></td>
<td>
<table align="center" cellpadding="4" cellspacing="1" class="toptable grid" border="1">
<form name="form1" method="post">
<tr>
<td width="20%" align="right" height="30">项目:</td>
<td width="80%" class="category">
<table cellpadding="0" cellspacing="0" width="100%" border=0>
<%for x=1 to 10%>
<tr id="cailiaohan<%=x%>"<%if x<>1 then%> style="display:none;"<%end if%>>
<td>
<input name="huohao<%=x%>" style="width:80px" value="项目名称">
<span class="STYLE1">数值一:</span>
<input type="text" name="shuzhi<%=x%>" style="width:50px" onKeyUp="value=value.replace(/[^\d.]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d.]/g,''))" value="">
<span class="STYLE1">数值二:</span>
<input type="text" name="zongshuzhi<%=x%>" value="" style="width:50px">
<%if x<>10 then%><span onClick="cailiaohan<%=(x+1)%>.style.display=''" style="cursor:hand;">增加一个项目</span><%end if%>
<%if x<>1 then%>
<input type="button" value="清除" onClick="huohao<%=x%>.value='项目名称';shuzhi<%=x%>.value='';zongshuzhi<%=x%>.value=''" class="button"><%end if%>
<%if x=1 then%><font color="#ff0000">*</font><%end if%>
<div id="showshuzhi<%=x%>"></div>
</td>
</tr>
<%next%>
</table>
</td>
</tr>
<tr>
<td height="30"> </td>
<td class="category">
<input type="submit" value=" 确认添加 " onClick="return check1()" class="button">
<input type="hidden" name="hid1" value="ok">
<input type="reset" value=" 重新填写 " class="button">
</td>
</tr>
</form>
</table>
</td>
<td></td>
</tr>
<tr>
<td> </td>
<td></td>
<td> </td>
</tr>
</table>
</body>
</html>
说明:

项目可以根据需要生成行数,详情点击(增加一个项目).

用JS方法做以下限制提示:

当数值一为空或为0的时候提示 "XX项目的数值一不能为空"

当数值二为空或为0的时候提示 "XX项目的数值二不能为空"

当数值一大于数值二的时候提示 "XX项目的数值一不能大于数值二" 展开
 我来答
4个回答
#合辑# 面试问优缺点怎么回答最加分？
百度网友7c77daf
推荐于2016-10-24 · TA获得超过1603个赞
知道大有可为答主
回答量：744
采纳率：100%
帮助的人：842万
我也去答题访问个人页
展开全部
试下这个。
其实代码没有错，只是逻辑上有问题，先要判断一下第几个项目是否显示，才能对它的值进行判断。

<html>
<head>
<title> 项目</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link href="../style/style.css" rel="stylesheet" type="text/css">
<style>
body {
background-color:#FFFFFF;
}
.STYLE1 {color: #FF0000}
</style>
</HEAD>
<BODY>
<script language="javascript">

function check1()
{

//下面的JS是错的,怎么修改为正确的呢?请高手指教.
for(var i=1;i<=10;i++){

if(document.getElementById("cailiaohan"+i).style.display != "none"){
if (document.form1["huohao"+i].value=="项目名称"||document.form1["huohao"+i].value=="")
{
alert("第"+i+"个还没有填写项目名！");
return false;
}
if (document.form1["shuzhi"+i].value==""||document.form1["shuzhi"+i].value=="0")
{
alert("第"+i+"个项目数值一为空！");
return false;
}
if (document.form1["zongshuzhi"+i].value==""||document.form1["zongshuzhi"+i].value=="0")
{
alert("第"+i+"个项目数值二为空！");
return false;
}
if (Number(document.form1["shuzhi"+i].value) > Number(document.form1["zongshuzhi"+i].value))
{
alert("数值一不能大于数值二!");
return false;
}
}
}
return true;
}
</script>
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#C4D8ED">
<tr>
<td> </td>
<td width="100%" background="../images/r_0.gif">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td> </td>
<td align="right"> </td>
</tr>
</table>
</td>
<td> </td>
</tr>
<tr>
<td></td>
<td>
<table align="center" cellpadding="4" cellspacing="1" class="toptable grid" border="1">
<form name="form1" method="post">
<tr>
<td width="20%" align="right" height="30">项目:</td>
<td width="80%" class="category">
<table cellpadding="0" cellspacing="0" width="100%" border=0>

<%
for x=1 to 10
%>
<tr id="cailiaohan<%=x%>"<%if x<>1 then%> style="display:none;"<%end if%>>
<td>
<input name="huohao<%=x%>" style="width:80px" value="项目名称">
<span class="STYLE1">数值一:</span>
<input type="text" name="shuzhi<%=x%>" style="width:50px" onKeyUp="value=value.replace(/[^\d.]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d.]/g,''))" value="">
<span class="STYLE1">数值二:</span>
<input type="text" name="zongshuzhi<%=x%>" value="" style="width:50px">
<%if x<>10 then%><span onClick="cailiaohan<%=(x+1)%>.style.display=''" style="cursor:hand;">增加一个项目</span><%end if%>
<%if x<>1 then%>
<input type="button" value="清除" onClick="huohao<%=x%>.value='项目名称';shuzhi<%=x%>.value='';zongshuzhi<%=x%>.value=''" class="button"><%end if%>
<%if x=1 then%>
<font color="#ff0000">*</font>
<%end if%>
<div id="showshuzhi<%=x%>"></div>
</td>
</tr>
<%
next
%>
</table>
</td>
</tr>
<tr>
<td height="30"> </td>
<td class="category">
<input type="submit" value=" 确认添加 " onClick="return check1()" class="button">
<input type="hidden" name="hid1" value="ok">
<input type="reset" value=" 重新填写 " class="button">
</td>
</tr>
</form>
</table>
</td>
<td></td>
</tr>
<tr>
<td> </td>
<td></td>
<td> </td>
</tr>
</table>
</body>
</html>

要是回答的内容有问题，或认为不妥，请发送百度消息给我，消息内容加上本页网址哦。。

·
已赞过 已踩过<
你对这个回答的评价是？
评论 收起
coderjoy
2008-06-07 · 超过24用户采纳过TA的回答
知道答主
回答量：82
采纳率：0%
帮助的人：85.2万
我也去答题访问个人页
展开全部
function check1()
{
if (document.form1.huohao1.value=="项目名称"||document.form1.huohao1.value=="")
{
alert("还没有填写项目！");
return false;
}
//下面的JS是错的,怎么修改为正确的呢?请高手指教.
for(var i=1;i<=10;i++){
if (document.form1["shuzhi"+eval(i)].value==""||document.form1["shuzhi"+eval(i)].value=="0")
{
alert("至少有一个项目数值为空！");
return false;
}
if (document.form1["shuzhi"+eval(i)].value > document.form1["zongshuzhi"+eval(i)].value)
{
alert("数值一不能大于数值二!");
return false;
}
}
}

可以的话给分！！！
已赞过 已踩过<
你对这个回答的评价是？
评论 收起
随性亻
推荐于2018-05-15 · TA获得超过4180个赞
知道小有建树答主
回答量：4622
采纳率：84%
帮助的人：637万
我也去答题访问个人页
展开全部
var zhi =document.getElementById("文本框id").value;
if(zhi=="123456"){
alert("123456");
}else{
alert("其它值");
}
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是？
评论 收起
夏森阚格菲
2020-04-19 · TA获得超过3863个赞
知道大有可为答主
回答量：3169
采纳率：27%
帮助的人：421万
我也去答题访问个人页
展开全部
试下这个。
其实代码没有错，只是逻辑上有问题，先要判断一下第几个项目是否显示，才能对它的值进行判断。
项目
<table
width="100%"
border="0"
cellpadding="0"
cellspacing="0">
<tr>
<td>
</td>
<td
width="100%">
<table
cellpadding="0"
cellspacing="0"
width="100%">
<tr>
<td>
</td>
<td
align="right">
</td>
</tr>
</table>
</td>
<td>
</td>
</tr>
<tr>
<td></td>
<td>
<table
align="center"
cellpadding="4"
cellspacing="1"
border="1">
</table></table>
已赞过 已踩过<
你对这个回答的评价是？
评论 收起
收起 更多回答（2）
推荐律师服务： 若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

为你推荐：

下载百度知道APP，抢鲜体验
使用百度知道APP，立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

京ICP证030173号-1   京网文【2023】1034-029号     ©2024Baidu  使用百度前必读 | 知道协议 | 企业推广

辅 助

模 式