jQuery表 - 參考用戶輸入行名稱和值

Question

我有幾個表由另一個應用程序生成，我無法控制。我對jQuery和ajax完全陌生，對jsp只有有限的瞭解。兩個樣本行是：

<table class="sicknessForm">     
<tr id="row_0" class="datarow"> 
<td id="col_2"><input name="row_0-col_2" class="tabcell" value="Injuries"></td> 
<td id="col_4"><input name="row_0-col_4" class="tabcell" value="01"></td> 
<td id="col_5"><input name="row_0-col_5" class="tabcell" value="2"></td> 
<td id="col_6"><input name="row_0-col_6" class="tabcell" value="5"></td> 
</tr> 

<tr id="row_1" class="datarow"> 
<td id="col_2"><input name="row_1-col_2" class="tabcell" value="Absences"></td> 
<td id="col_4"><input name="row_1-col_4" class="tabcell" value="100"></td> 
<td id="col_5"><input name="row_1-col_5" class="tabcell" value="102"></td> 
<td id="col_6"><input name="row_1-col_6" class="tabcell" value="105"></td> 
</tr> 
</table> 

實際表中有更多的行和列。我需要做的是通過有序行的信息到數據庫中，如：
受傷，1，2，5 ....
缺席100，102，105 ...

我可以檢索使用每個輸入值：

$('#SicknessForm .userInput').each(function() { 
    alert($(this).val()); 
}); 

1. 我怎樣才能通過每一行循環，從第一列中獲得的價值（受傷）和數據放置到數組發送到服務器？

2. 如何引用每列的第一行以禁用用戶輸入？

   $(:HowDoIReferenceThis).attr('disabled', ''); 
   

3. 我需要驗證每個小區是數字，除了第一列。任何關於這個的指針（否則我可以在我的servlet中檢查它），尤其是如何遍歷所有有效的輸入單元（除'受傷'，'Abences'，...單元之外的所有單元）。

Answer 1

修訂

DEMO：http://jsbin.com/imeno3/3

一切準備就緒！

$(function() { 
    var row = []; 
    $('.datarow').each(function(i) { 
     row.push($('td input:eq(0)', this).val() + ' -> '); 
     $('td input:gt(0)', this).each(function(e) { 
      if (isNaN(this.value)) { 
       $(this).attr('disabled', true); 
      } else { 
       row.push(this.value); 
      } 
     }); 
    }); 
    var send_to_ajax = row.join(' '); 
}); 

更新2

迴應置評

$('.tabcell').change(function() { 
    if (isNaN(this.value)) { 
    $(this).css('background','red'); 
    } else { 
    $(this).css('background','green'); 
    } 
    }); 

Answer 2

//question 1 
$('.sicknessForm tr td:first-child input').attr('disabled', 'disabled'); 

//question 2 
var results = {} 
$('.sicknessForm tr').each(function(){ 
    var data = new Array(); 
    $(this).find('input:enabled').each(function(){ 
     data.push($(this).val()); 
    }); 
    results[$(this).find('input:disabled').val()]=data; 
}); 

此時結果對象將包含指向每個數據點的屬性。

問題3：

你可以在這裏進行驗證，或者你可以在內部各推到這些陣列之前做。至於驗證號碼的簡單方法可能是：

if (/^\d+$/.test($(this).val())){ 
    //data is good 
} 

這裏有一個的jsfiddle我亂做你的東西周圍：http://jsfiddle.net/YVkTy/