怎样使用jquery验证一个由js控制表格row数量的表单

<!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><script type="text/javascript" language="javascript">
var count = 1;
function toAddRow(){
++count;

var row = document.getElementById("sbcp").insertRow();

row.align = "left";
//序号
var cell0 = row.insertCell(0);
cell0.className = "column1";

var k = row.rowIndex;
cell0.innerHTML = count;
//代理商
var cell1 = row.insertCell(1);
cell1.innerHTML = "<input type='text' size='30' name='dls"+count+"' />";
//原厂商
var cell2 = row.insertCell(2);
cell2.innerHTML = "<input type='text' size='30' name='ycs"+count+"' />";
//品牌
var cell3 = row.insertCell(3);
cell3.innerHTML = "<input type='text' size='30' name='pp"+count+"' />";
//型号
var cell4 = row.insertCell(4);
cell4.innerHTML = "<input type='text' size='30' name='xh"+count+"' />";
//删除
var cell5 = row.insertCell(5);
cell5.innerHTML = "<a href='#' onclick='javascript:toDeleteRow("+k+");'>删除</a>";
document.getElementById("countSum").value = count;

}
function toDeleteRow(tr_index){
document.getElementById("sbcp").deleteRow(tr_index);

}function submm(){
document.getElementById("form1").submit();
window.close();
}</script></head><body style="background:#ffffff">
<form id="form1"><table id="sbcp" border="0" cellspacing="0" width="100%" class="table_list"  >
<tr>
     <th>序号</th>
    <th >代理商</th>
        <th >原厂商</th>
<th >品牌</th>
        <th >型号</th>
       <!--  <th >附件</th>  -->
        <th>操作</th>
    </tr>
    <tr align="left">
      <td class="column1" >1</td>
      <td > <input type="text" id="dls1" name="dls1" size="30" />
      
      </td>
      <td > <input type="text" id="ycs1" name="ycs1" size="30"  />
      
      </td>
      <td ><input type="text"  id="pp1"  name="pp1" size="30"  />
      
      </td>
  <td ><input type="text"  id="xh1" name="xh1" size="30"  />
  
  </td>
      <!-- <td><input type="file"  /> </td> -->
      <td><a href="#" onclick="javascript:toDeleteRow('1');">删除</a> </td>
    </tr>
   </table> <input type="button" value="新增" onclick="javascript:toAddRow();"/>
<input type="button" value="提交" onclick="javascript:submm();"/>
</form>
</body>
需求：当点击提交按钮时候，怎么用jquery去验证这个不确定行的表格中的数据不可以为空？请高手帮忙！

解决方案 »

  1.   

    var obj = document.getElementsByTagName("input");
    循环判断type=="text"的选项的value是不是为空
    var l = obj.length;
    for(var i = 0; i < l; i++){
    if(!obj[i].value){
    //某个数据为空
    }
    以上情况仅适合<input type="text">类型的
      

  2.   

      这个不需要用JQUERY，也都可以！！就是基本的TABLE操作
    var tb=document.getElementByID('sbcp');
    var rownum=tb.rows.length;
    for(var i=1;i<rownum;i++){ //标题头算1行，从1开始
       var cellnum=tb.rows[i].cells.length;
       for(var j=0;j<cellnum;j++){
           var cell=tb.rows[i].cells[j];
           if (cell.childNodes[0].type == 'text') { 
               alert(cell.childNodes[0].value); //这里就获得了text文本框的值，然后你再判断          
           } 
       }
    }
      

  3.   


    function valid() {
         $("#sbcp tr td:text").each(function () {
               alert($(this).val());
         });
    }