Numbers Only: Jumping at the Decimal Point
MAXLENGTH attribute to restrict the number of decimal places.
First, copy the script from the previous page into the
<HEAD> section of your document. Copy it exactly as-is without making any changes. Now, we can create two number-only fields split on the decimal. The first field is for the numbers before the decimal place. We use an
onKeyPress attribute like in the previous example, but now we add an argument to the
numbersonly(). The third argument is the name of the field to jump to when the user presses decimal. In this case, the field is name
cents field itself uses the
MAXLENGTH attribute to limit the field to two decimal places.
<FORM ACTION="../cgi-bin/mycgi.pl" METHOD=POST>
<INPUT NAME="dollar" SIZE=5
onKeyPress="return numbersonly(this, event, 'cents')"> <B>.</B>
<INPUT NAME="cents" SIZE=2 MAXLENGTH=2
onKeyPress="return numbersonly(this, event)">
This gives us this form: