Text box value

Tee88 · October 19th, 2004, 08:17 AM

How do I get a text box to add leading zero's to any number entered. So the text box will be 9 characters max in length. If a user enter 5 numbers, I would the other 4 numbers to be leading zero's. For example, if a user entered 12345, I would like the result when the web form is submitted to look like 000012345.

Please help.

Thanks,
Tee

ChrisScott · October 19th, 2004, 08:49 AM

Hi Tee,

Try this...

Code:

function CheckValues(pForm){
    var ok = true;
    var temp = pForm.myText.value;
    if(/^\d*$/.test(temp)){
        var padding = "000000000";
        temp = padding.substr(temp.length) + temp;
    }else{
        alert("Please enter an integer value");
        ok = false;
        temp = "";
    }
    pForm.myText.value = temp;    
    return ok;
}
...

<form id="myForm" name="myForm" onsubmit="return CheckValues(this);" >
    <input type="text" id="myText" name="myText" />    
    <input type="submit" value="Go" />
</form>

HTH,

Chris

Tee88 · October 19th, 2004, 10:39 AM

Thanks Chris..I will give it a try.:)

Tee88 · October 19th, 2004, 11:13 AM

No, that did not work.

thanks though

ChrisScott · October 19th, 2004, 11:17 AM

Hey Tee,

Strange - works for me in IE & Mozilla, can you post your code?

Thanks,

Chris

Tee88 · October 19th, 2004, 01:02 PM

It is just a simple form going to a SQL DB.

<form method="get" action="insert.asp" name="Form" >

        <div align="center">
        <table border="0" width="660" id="table1">
            <tr>
                <td>
                <p align="center"><br>
                <b><br>
 </b></td>
                <td width="433">
                <p align="center">
                 </td>
            </tr>
        </table>

        <table width="651" border="0">
          <tr>
            <td colspan="2"> </td>
          </tr>
          <tr>
            <td colspan="2"><b>[u]Customer Information</u></b></td>
          </tr>

          <tr>
            <td>Account #</td>
            <td><span style="font-size: 11pt"><input type="text" name="acct" size="9"></span></td>
          </tr>
          <tr>
            <td>Phone number:<br>
            <b>(including area code)</b></td>
            <td><span style="font-size: 11pt">
            <input type="text" name="phone" size="20"></span></td>
          </tr>
          <tr>
            <td colspan="2"> </td>
          </tr>
          <tr>
            <td colspan="2">Please select the
            equipment the customer is missing (check all that apply):</td>
          </tr>
          <tr>
            <td colspan="2">
            <table border="0" width="651" id="table2">
                <tr>
                    <td width="108">
                    <span style="font-size: 11pt">
                    <input type="checkbox" name="digital" value="yes"></span> 
                    Yes</td>
                    <td width="108">
                    <span style="font-size: 11pt">
                    <input type="checkbox" name="HDTV" value="yes"></span> 
                    No</td>
                    <td width="108"> </td>
                    <td width="108"> </td>
                    <td width="108"> </td>
                    <td width="109"> </td>
                </tr>
            </table>
            </td>
          </tr>
          <tr>
            <td colspan="2"> </td>
          </tr>
          <tr>
            <td colspan="2"> </td>
          </tr>
          <tr>
            <td colspan="2" height="28"><p>

                <input name="Submit" type="submit" value="Submit">
                <input type="reset" name="R1" value="Reset">

              </p></td>
          </tr>
        </table>
            </div>
            <p> </p></td>

</form>

thanks for your help!

ChrisScott · October 20th, 2004, 03:25 AM

Hi Tee,

Add this script to your page...

Code:

function PadIntField(pField){
    var ok = true;
    var temp = pField.value;
    alert(pField.maxLength);
    if(/^\d*$/.test(temp)){
        var padding = "";
        for(var i = 0; i < pField.maxLength; i++){
            padding += "0";
        }
        temp = padding.substr(temp.length) + temp;
    }else{
        alert("Please enter an integer value");
        ok = false;
        temp = "";
    }
    pField.value = temp;    
    return ok;
}

then add

Code:

onsubmit="return PadIntField(this.acct);"

to your form tag and

Code:

maxLength="9"

to your acct input tag.

Cheers,

Chris