Обход таблицы по ячейкам jQuery

Question

Я видел много связанных сообщений, но для меня здесь ничего не работает. Так вот, я пытаюсь проверить данные с ввода при каждом нажатии клавиши и показать ошибку в следующем div (в следующей ячейке), попробовал много комбинаций обхода, но не повезло.

кода приведен ниже: -

$(this).keypress(function() { 
//alert(this); 
if (($(this).val().length < 5)||($(this).val().length > 20)) // maybe not working 
$(this).parent('td').next('td').children('div').text("Error"); // <- not working 
// check input for validity here 
}); 

стола: -

<table width="1032" height="448" align="center" cellpadding="1" cellspacing="0"> 
    <tr> 
    <th width="153" align="right" scope="row"><strong>Name:</strong></th> 
    <td width="420"> 
     <label for="user_name"></label> 
    <input name="user_name" type="text" id="user_name" size="70" maxlength="100" value="<?php if (isset($row)) echo $row[1]; ?>"/> 

    </td> 
    <td width="451"> 
    <div id="div_user_name"></div> 
    </td> 
    </tr> 
</table> 

Answer 1

Предполагая $(this) фактически выбор input элемента, вам также необходимо настроить if заявления для проверки значение длины входных коробок, а не длина селектора:

if (($(this).val().length < 5) || ($(this).val().length > 20)) 

Кроме того, я предполагаю, что у вас есть этот селектор вокруг текущего кода сценария:

$("input[type='text']").each(function(){ 

    $(this).keypress(function() { 
    ... 
    }); 

}); 

Here's a jsfiddle вашего кода с моим входом ... работает ...