Re: auto tab between jsf form fields

[Nathan Andelin <nandelin@xxxxxxxxx>]

The error message seems to indicate that:

elem = document.getElementById(destination);

is not returning a valid reference to field 'ssn2', which seems strange.  Rather than showing us the JSF code, how about letting us look at the generated HTML?


----- Original Message ----
From: Nick Arndt <nick.arndt@xxxxxxxxx>
To: Web Enabling the AS400 / iSeries <web400@xxxxxxxxxxxx>
Sent: Monday, April 27, 2009 1:42:09 PM
Subject: [WEB400] auto tab between jsf form fields

Hi all I am having some trouble getting this to work.


I am getting an error Elem is null or not an object.

here is my java script:

function autotab(original,destination)
{

if (document.all) // if IE
{

if (event.keyCode == 9 || //tab
event.keyCode == 16 || //backtab
event.keyCode >= 37 && event.keyCode <= 40 || //arrow keys
event.keyCode == 45 || //insert
event.keyCode == 46 || //delete
event.shiftKey) //shift
{ return } // no autotab on tab/backtab/insert/delete/shift
}


if
(original.getAttribute&&original.value.length==original.getAttribute("maxlength"))
elem = document.getElementById(destination);
elem.focus()
}
</SCRIPT>


and here is my jsf code that is invoking the function:


<h:inputText
                                    styleClass="inputText" id="ssn1"
size="3"
                                    onkeyup="autotab(this, 'ssn2');"
maxlength="3">
                                    <f:validateLength
maximum="3"></f:validateLength>
                                    <hx:validateConstraint regex="^[0-9]+$"
/>
                                </h:inputText>-

<h:inputText styleClass="inputText" id="ssn2"
                                    size="2" onkeyup="autotab(this,'ssn3');"
maxlength="2">
                                    <f:validateLength
maximum="2"></f:validateLength>
                                    <hx:validateConstraint
regex="^[0-9]+$"/>
                                </h:inputText>-

<h:inputText styleClass="inputText" id="ssn3"
                                    size="4" maxlength="4">
                                    <f:validateLength
maximum="4"></f:validateLength>
                                    <hx:validateConstraint regex="^[0-9]+$"
/>
                                </h:inputText>


Thanks.