Table cell traversal jQuery

Question

I have seen many related posts, but nothing is working for me here. So here goes, I am trying to validate data from input on every key press and show error in the next div (in the next cell), tried many traversal combinations but no luck.

Code is given below:-

$(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:-

<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>

There we go! Check my latest edit with the jsfiddle example, working good... :) — Chris Kempen
– Chris Kempen, Commented Feb 9, 2012 at 7:39

Chris Kempen · Accepted Answer · 2012-02-09 07:38:38Z

Assuming $(this) is in fact selecting your input element, you'll also need to adjust the if statement to check for the value of the input boxes' length, not the length of the selector:

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

Also, I'm assuming you have this selector around your current script code:

$("input[type='text']").each(function(){ $(this).keypress( function() { ... }); });

Here's a jsfiddle of your code with my input...working...

is the next line ok? cause when i commented it out it wasnt working either
thanks a lot, didnt had that selector before, the keypress function :(
Great stuff, no problem...I hope you understand why it's there and what it's used for! Keep coding! :)

Collectives™ on Stack Overflow

Table cell traversal jQuery

1 Answer 1

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Related