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

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js判断Input文本框的值(循环两个值的比较)相关的知识，希望对你有一定的参考价值。

<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项目的数值一不能大于数值二"

试下这个。
其实代码没有错，只是逻辑上有问题，先要判断一下第几个项目是否显示，才能对它的值进行判断。

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

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

· 参考技术A 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;




可以的话给分！！！ 参考技术B var zhi =document.getElementById("文本框id").value;
if(zhi=="123456")
alert("123456");
else
alert("其它值");
 参考技术C 试下这个。
其实代码没有错，只是逻辑上有问题，先要判断一下第几个项目是否显示，才能对它的值进行判断。
项目
<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>

layui.js怎么在文本框后面添加必填的*符号

你可以在前边加，后边的话好像没有现成的，

前边加的代码：

<div class="layui-form-item">
<label class="layui-form-label required">标题</label>
<div class="layui-input-block">
<input type="text" name="title" id="title" autocomplete="off"
lay-verType="tips" placeholder="请输入标题" lay-verify="required"  class="layui-input" />
</div>
</div>

在label的class中加入【required】标签 ，然后在他输入框中加入【lay-verify="required" 】即可达到必填功能和提示效果，结果如图：

 参考技术A

label-required-prev 
在前加入*号

 参考技术B 使用伪元素
textarea::after
content:'*';

position:absolute;

right:-10px;

top:0;

color:red;


思路大概是这样本回答被提问者和网友采纳

以上是关于js判断Input文本框的值(循环两个值的比较)的主要内容，如果未能解决你的问题，请参考以下文章

js怎样判断文本框输入的全是回车，如果全是回车提示为空

文本框的值改变了，js怎么获取

jquery如何判断多个输入框是不是有值

js输入文本时判断是不是停留3秒

js方法中已经获取到了文本框的值，当这个值的小数位数大于8时提示只能保留6位小数，怎么做？

js 清空file 值怎么清空