一、行依次验证
<script type="text/javascript">
function test() {
var via = false;
$("#tab").find("tr").each(function(index, ele) {
var a = $(this).find("td").eq(0).find("input[name='a']").val();
if(a == "") {
alert("请把第" + (index+1) + "行a填写完整");
via = false;
return false;
}
var b = $(this).find("td").eq(1).find("input[name='b']").val();
if(b == "") {
alert("请把第" + (index+1) + "行b填写完整");
via = false;
return false;
}
});
}
</script>
二、列依次验证
<script type="text/javascript">
function test() {
var via = true;
$("#tab").find("tr").each(function(index, ele) {
var a = $(this).find("td").eq(0).find("input[name='a']").val();
if(a == "") {
alert("请把第" + (index+1) + "行a填写完整");
via = false;
return false;
}
var b = $(this).find("td").eq(0).find("input[name='b']").val();
if(b == "") {
alert("请把第" + (index+1) + "行b填写完整");
via = false;
return false;
}
});
if(via){
$("#tab").find("tr").each(function(index, ele) {
var a = $(this).find("td").eq(1).find("input[name='a']").val();
if(a == "") {
alert("请把第" + (index+1) + "行a填写完整");
via = false;
return false;
}
var b = $(this).find("td").eq(1).find("input[name='b']").val();
if(b == "") {
alert("请把第" + (index+1) + "行b填写完整");
via = false;
return false;
}
});
}
}
</script>
三、测试
<table id="tab">
<tr>
<td>a</td>
<td>b</td>
</tr>
<tr>
<td>a<input type="text" name="a"/></td>
<td>b<input type="text" name="b" /></td>
</tr>
<tr>
<td>a<input type="text" name="a" /></td>
<td>b<input type="text" name="b" /></td>
</tr>
</table>
<button type="button" onclick="test();">
测试
</button>