<table width="768" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#CCCCCC">
<tr bordercolor="#E0E0E0" bgcolor="#E0E0E0">
<td width="34%" height="25"><div align="center"><font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Product
Name</strong></font></div></td>
<td width="29%" height="25"><div align="center"><font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Item
Code</strong></font></div></td>
<td width="18%" height="25"><div align="center"><font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Qty.</strong></font></div></td>
</tr>
<tr bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<td height="25"> <div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtName1" id ="txtName1" type="text"
style=font-family:"verdana";font-size:10px size="40" >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtCode1" id ="txtCode1" type="text" size="20"
style=font-family:"verdana";font-size:10px >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtQty1" id ="txtQty1" type="text" size="10"
style=font-family:"verdana";font-size:10px >
</font></div></td>
</tr>
<tr bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<td height="25"> <div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtName2" id ="txtName2" type="text"
style=font-family:"verdana";font-size:10px size="40" >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtCode2" id ="txtCode2" type="text" size="20"
style=font-family:"verdana";font-size:10px >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtQty2" id ="txtQty2" type="text" size="10"
style=font-family:"verdana";font-size:10px >
</font></div></td>
</tr>
<tr bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<td height="25"> <div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtName3" id ="txtName3" type="text"
style=font-family:"verdana";font-size:10px size="40">
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtCode3" id ="txtCode3" type="text" size="20"
style=font-family:"verdana";font-size:10px >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtQty3" id ="txtQty3" type="text" size="10"
style=font-family:"verdana";font-size:10px >
</font></div></td>
</tr>
<tr bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<td height="25"> <div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtName4" id ="txtName4" type="text"
style=font-family:"verdana";font-size:10px size="40" >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtCode4" id ="txtCode4" type="text" size="20"
style=font-family:"verdana";font-size:10px >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtQty4" id ="txtQty4" type="text" size="10"
style=font-family:"verdana";font-size:10px >
</font></div></td>
</tr>
<tr bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<td height="25"> <div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtName5" id ="txtName5" type="text"
style=font-family:"verdana";font-size:10px size="40" >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtCode5" id ="txtCode5" type="text" size="20"
style=font-family:"verdana";font-size:10px >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtQty5" id ="txtQty5" type="text" size="10"
style=font-family:"verdana";font-size:10px >
</font></div></td>
</tr>
<tr bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<td height="25"> <div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtName6" id ="txtName6" type="text"
style=font-family:"verdana";font-size:10px size="40" >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtCode6" id ="txtCode6" type="text" size="20"
style=font-family:"verdana";font-size:10px >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtQty6" id ="txtQty6" type="text" size="10"
style=font-family:"verdana";font-size:10px >
</font></div></td>
</tr>
</table>这个是个表格,我想判断里面的text不能为空,最好是用循环!谢谢!希望大家提出很好的方法帮助一下!
if( put[i].value == "" ){
//alert( put[i].value );
}
}
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script >
window.onload = function(){
var texts = document.getElementsByTagName('input');
for(i=0;i<texts.length;i++){
texts[0].onblur = function(){
alert('此项不能为空!');
}
}
}
</script>
</HEAD><BODY>
<table width="768" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#CCCCCC">
<tr bordercolor="#E0E0E0" bgcolor="#E0E0E0">
<td width="34%" height="25"><div align="center"><font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Product
Name</strong></font></div></td>
<td width="29%" height="25"><div align="center"><font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Item
Code</strong></font></div></td>
<td width="18%" height="25"><div align="center"><font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Qty.</strong></font></div></td>
</tr>
<tr bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<td height="25"> <div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtName1" id ="txtName1" type="text"
style=font-family:"verdana";font-size:10px size="40" >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtCode1" id ="txtCode1" type="text" size="20"
style=font-family:"verdana";font-size:10px >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtQty1" id ="txtQty1" type="text" size="10"
style=font-family:"verdana";font-size:10px >
</font></div></td>
</tr>
<tr bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<td height="25"> <div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtName2" id ="txtName2" type="text"
style=font-family:"verdana";font-size:10px size="40" >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtCode2" id ="txtCode2" type="text" size="20"
style=font-family:"verdana";font-size:10px >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtQty2" id ="txtQty2" type="text" size="10"
style=font-family:"verdana";font-size:10px >
</font></div></td>
</tr>
<tr bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<td height="25"> <div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtName3" id ="txtName3" type="text"
style=font-family:"verdana";font-size:10px size="40">
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtCode3" id ="txtCode3" type="text" size="20"
style=font-family:"verdana";font-size:10px >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtQty3" id ="txtQty3" type="text" size="10"
style=font-family:"verdana";font-size:10px >
</font></div></td>
</tr>
<tr bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<td height="25"> <div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtName4" id ="txtName4" type="text"
style=font-family:"verdana";font-size:10px size="40" >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtCode4" id ="txtCode4" type="text" size="20"
style=font-family:"verdana";font-size:10px >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtQty4" id ="txtQty4" type="text" size="10"
style=font-family:"verdana";font-size:10px >
</font></div></td>
</tr>
<tr bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<td height="25"> <div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtName5" id ="txtName5" type="text"
style=font-family:"verdana";font-size:10px size="40" >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtCode5" id ="txtCode5" type="text" size="20"
style=font-family:"verdana";font-size:10px >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtQty5" id ="txtQty5" type="text" size="10"
style=font-family:"verdana";font-size:10px >
</font></div></td>
</tr>
<tr bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<td height="25"> <div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtName6" id ="txtName6" type="text"
style=font-family:"verdana";font-size:10px size="40" >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtCode6" id ="txtCode6" type="text" size="20"
style=font-family:"verdana";font-size:10px >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtQty6" id ="txtQty6" type="text" size="10"
style=font-family:"verdana";font-size:10px >
</font></div></td>
</tr>
</table>
</BODY>
</HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script type="text/javascript">
function checkText(){
var txt = document.getElementById("txtContainer").getElementsByTagName("input");
for(var i = 0; i < txt.length; i++){
if(txt[i].value != ""){
alert("OK");
return;
}
}
alert("请至入输入一个!");
}
</script>
</HEAD> <BODY>
<table width="768" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#CCCCCC" id="txtContainer">
<tr bordercolor="#E0E0E0" bgcolor="#E0E0E0">
<td width="34%" height="25"><div align="center"><font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Product
Name</strong></font></div></td>
<td width="29%" height="25"><div align="center"><font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Item
Code</strong></font></div></td>
<td width="18%" height="25"><div align="center"><font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Qty.</strong></font></div></td>
</tr>
<tr bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<td height="25"> <div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtName1" id ="txtName1" type="text"
style=font-family:"verdana";font-size:10px size="40" >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtCode1" id ="txtCode1" type="text" size="20"
style=font-family:"verdana";font-size:10px >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtQty1" id ="txtQty1" type="text" size="10"
style=font-family:"verdana";font-size:10px >
</font></div></td>
</tr>
<tr bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<td height="25"> <div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtName2" id ="txtName2" type="text"
style=font-family:"verdana";font-size:10px size="40" >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtCode2" id ="txtCode2" type="text" size="20"
style=font-family:"verdana";font-size:10px >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtQty2" id ="txtQty2" type="text" size="10"
style=font-family:"verdana";font-size:10px >
</font></div></td>
</tr>
<tr bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<td height="25"> <div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtName3" id ="txtName3" type="text"
style=font-family:"verdana";font-size:10px size="40">
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtCode3" id ="txtCode3" type="text" size="20"
style=font-family:"verdana";font-size:10px >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtQty3" id ="txtQty3" type="text" size="10"
style=font-family:"verdana";font-size:10px >
</font></div></td>
</tr>
<tr bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<td height="25"> <div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtName4" id ="txtName4" type="text"
style=font-family:"verdana";font-size:10px size="40" >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtCode4" id ="txtCode4" type="text" size="20"
style=font-family:"verdana";font-size:10px >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtQty4" id ="txtQty4" type="text" size="10"
style=font-family:"verdana";font-size:10px >
</font></div></td>
</tr>
<tr bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<td height="25"> <div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtName5" id ="txtName5" type="text"
style=font-family:"verdana";font-size:10px size="40" >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtCode5" id ="txtCode5" type="text" size="20"
style=font-family:"verdana";font-size:10px >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtQty5" id ="txtQty5" type="text" size="10"
style=font-family:"verdana";font-size:10px >
</font></div></td>
</tr>
<tr bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<td height="25"> <div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtName6" id ="txtName6" type="text"
style=font-family:"verdana";font-size:10px size="40" >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtCode6" id ="txtCode6" type="text" size="20"
style=font-family:"verdana";font-size:10px >
</font></div></td>
<td height="25"><div align="center"> <font color="#333333" size="1" face="Verdana, Arial, Helvetica, sans-serif">
<input name="txtQty6" id ="txtQty6" type="text" size="10"
style=font-family:"verdana";font-size:10px >
</font></div></td>
</tr>
</table> <input type="button" onclick="checkText()" value="检测"/>
</BODY>
</HTML>
可以判断对象的type属性嘛
if( put[i].value == "" ){
//alert( put[i].value );
}
}
{
var inputs = document.getElementsByTagName("input");
for(var i = 0; i < inputs.length; i++){
if(inputs[i].type=="text" && inputs[i].value == ""){
alert("不能为空!");
return;
}
}}这可以判断任何一个text不能为空的情况
if(!$.trim(this.value))
{
alert('empty')
return false
}else
return true
})
<table id="tab" width="768" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#CCCCCC">
<tr bordercolor="#E0E0E0" bgcolor="#E0E0E0">
<td width="34%" height="25" align="center" style=font-family:"verdana";font-size:10px><strong>Product Name</strong></td>
<td width="29%" height="25" align="center" style=font-family:"verdana";font-size:10px><strong>Item Code</strong></td>
<td width="18%" height="25" align="center" style=font-family:"verdana";font-size:10px><strong>Qty.</strong></td>
</tr>
<tr bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<td height="25" align="center"><input name="txtName1" id="txtName1" type="text" size="40"></td>
<td height="25" align="center"><input name="txtCode1" id="txtCode1" type="text" size="20"></td>
<td height="25" align="center"><input name="txtQty1" id="txtQty1" type="text" size="10"></td>
</tr>
<tr bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<td height="25" align="center"><input name="txtName2" id="txtName2" type="text" size="40"></td>
<td height="25" align="center"><input name="txtCode2" id="txtCode2" type="text" size="20"></td>
<td height="25" align="center"><input name="txtQty2" id="txtQty2" type="text" size="10"></td>
</tr>
</table>
<INPUT TYPE="button" VALUE="try" ONCLICK="test()">
<SCRIPT LANGUAGE="JavaScript">
<!--
function test(){
var flag = false;
var tab = document.getElementById("tab");
for (var i=0; i<tab.rows.length; i++){
for (var j=0; j<tab.rows[i].cells.length; j++){
var obj = tab.rows[i].cells[j].childNodes[0];
if (obj.type == "text" && obj.value){
flag = true;
break;
}
}
}
if (!flag) alert("至少填写一个");
}
//-->
</SCRIPT>
{
var txtName,txtCode,txtQty;
txtName ="txtName"+i;
txtCode ="txtCode"+i;
txtQty ="txtQty" +i;
if(document.getElementById(txtName ).value==""||document.getElementById(txtName ).value==null)
{
alert("第"+i+"个为空值");
}
if(...){...}
if(....){...}
}
<tr bordercolor="#E0E0E0" bgcolor="#E0E0E0">
<td width="34%" height="25" align="center" style=font-family:"verdana";font-size:10px><strong>Product Name</strong></td>
<td width="29%" height="25" align="center" style=font-family:"verdana";font-size:10px><strong>Item Code</strong></td>
<td width="18%" height="25" align="center" style=font-family:"verdana";font-size:10px><strong>Qty.</strong></td>
</tr>
<tr bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<td height="25" align="center"><input name="txtName1" id="txtName1" type="text" size="40"></td>
<td height="25" align="center"><input name="txtCode1" id="txtCode1" type="text" size="20"></td>
<td height="25" align="center"><input name="txtQty1" id="txtQty1" type="text" size="10"></td>
</tr>
<tr bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<td height="25" align="center"><input name="txtName2" id="txtName2" type="text" size="40"></td>
<td height="25" align="center"><input name="txtCode2" id="txtCode2" type="text" size="20"></td>
<td height="25" align="center"><input name="txtQty2" id="txtQty2" type="text" size="10"></td>
</tr>
</table>
<INPUT TYPE="button" VALUE="try" ONCLICK="test()">
<SCRIPT LANGUAGE="JavaScript">
<!--
function test(){
var flag = false;
var tab = document.getElementById("tab");
for (var i=0; i<tab.rows.length; i++){
var n = 0;
for (var j=0; j<tab.rows[i].cells.length; j++){
var obj = tab.rows[i].cells[j].childNodes[0];
if (obj.type == "text" && obj.value) n++;
}
if (n == tab.rows[i].cells.length){
flag = true;
break;
}
}
if (!flag) alert("至少填写一行");
else alert("合格!");
}
//-->
</SCRIPT>
var put = document.getElementsByName('input');for(var i=0;i<put.length;i++){
if( put[i].type=='text'&&put[i].value =='' ){
alert( put[i].id+"不能为空!" );
}
}