jQuery，檢查輸入值是否來自表格中的頁腳內的文本框

Question

我需要在jQuery中應用特殊函數，以防輸入值來自表格頁腳內的文本框。我試圖找出一個jQuery條件來找出它。

<tfoot> 
    <tr> 
     <td> 
      <input type="text" name="desc[]" onkeyup = "InputChanged(this)"> 
     </td> 
     <td> 
      <input type="text" name="duration[]" onkeyup = "InputChanged(this)"> 
     </td> 
     <td> 
      <input type="text" name="start[]" class="start" onkeyup = "InputChanged(this)"> 
     </td> 
     <td> 
      <input type="text" name="wait[]" onkeyup = "InputChanged(this)"> 
     </td> 
     <td> 
      <input type="text" name="end[]" onkeyup = "InputChanged(this)"> 
     </td> 
     <td> 
      <input type="text" name="phone[]" onkeyup = "InputChanged(this)"> 
     </td> 
    </tr> 
</tfoot> 

jQuery的功能應該是這樣的：

<script> 
    function InputChanged(control) { 
     if (...) { 

     } 
     else { 

     } 
    } 
</script> 

Answer 1

您可以使用

$('tfoot input').on('keyup', function() { 
    InputChanged($(this).val()); 
}); 

然後函數InputChanged每次都會接收輸入的值作爲參數輸入的變化，但不要忘記從輸入HTML中刪除onkeyup屬性。

按照例如：

var labels = $('tbody td'); 
 
$('tfoot input').on('keyup', function() { 
 
    var $t = $(this); 
 
    UpdateParagraph(labels.eq($t.parent().index()), $t.val()); 
 
}); 
 

 
function UpdateParagraph(el, value) { 
 
    el.html(value); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<table> 
 
    <tbody> 
 
    <tr> 
 
     <td>desc</td> 
 
     <td>duration</td> 
 
     <td>start</td> 
 
     <td>wait</td> 
 
     <td>end</td> 
 
     <td>phone</td> 
 
    </tr> 
 
    </tbody> 
 
    <tfoot> 
 
    <tr> 
 
     <td> 
 
      <input type="text" name="desc[]" /> 
 
     </td> 
 
     <td> 
 
      <input type="text" name="duration[]" /> 
 
     </td> 
 
     <td> 
 
      <input type="text" name="start[]" class="start" /> 
 
     </td> 
 
     <td> 
 
      <input type="text" name="wait[]" /> 
 
     </td> 
 
     <td> 
 
      <input type="text" name="end[]" /> 
 
     </td> 
 
     <td> 
 
      <input type="text" name="phone[]" /> 
 
     </td> 
 
    </tr> 
 
</tfoot> 
 
</table>