Validating with regular expressions ignoring one variable?

Question

I am a designer and I am not very familiar with regular expressions. I have made quite an effort to get this far with some help from some very kind posters to this forum. The script below called checkform should validate three fields, 'client', 'terms' and 'AMOUNT' . It is quite straightforward, client and terms are required fields, while 'AMOUNT' needs to be inputted with proper decimal formatting eg. € 27.00. It validates 'client' and 'terms but completely ignores 'AMOUNT' ? Does not check it for anything.

Any help would be very much appreciated.

<form action=http://rcehholidaytrust.com/account/redirectoffresponsepage.php method=post onSubmit="return checkform()">
        <table width="400" border="0" cellspacing="1" cellpadding="0">
            <tr>
            <td><div align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Name </font></div></td>
            <td><input type="text" name="name" size="48" /></td>
            </tr>
            <tr>
            <td><div align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Acc. No.</font></td>
            <td><label for="client"></label>
            <input name="CUST_NUM" type="text" id="client" size="48" /></td>
            </tr>
            <tr>
                <td><div align="right">Payment €</div></td>
            <td><label for="AMOUNT"></label>
            <input name="AMOUNT" type="text" id="AMOUNT" size="47" /></td>
         </tr>
            <tr>
            <td><div align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Address</font></div></td>
            <td><textarea name="address" wrap="virtual" cols="35" rows="5"></textarea></td>
            </tr>
            <tr>
            <td><div align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Telephone</font></div></td>
            <td><input type="text" name="telephone" size="48" /></td>
            </tr>
            <tr>
            <td><p align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Email</font></p></td>
            <td><input type="text" name="email" size="48" /></td>
            </tr>
            <tr>
            <td><div align="right"></div></td>
            <td>&nbsp;</td>
            </tr>
            <tr>
             <td>&nbsp;</td>
            <td><input type="checkbox" name="terms" id="terms" />
             <label for="terms">Agree to terms and conditions</label></td>
                    </tr>
        </table>
        <p>&nbsp;</p>

    <input type=submit value="Proceed to secure server">
</form>


<script>
function checkform()
    {
     var reg=/^[0-9]{1,6}\.[0-9]{2}$/;

        var status=true;
     if(!reg.test(document.getElementById('AMOUNT').value))
     {
        status=false;
     }
     if(document.getElementById('client').value=="" || document.getElementById('name').value=="")
     {
            status=false;
     }
     if(document.getElementById('terms').checked==false)
        {
            status=false;
     }
        if(status==false)
        alert("Please check all fields");
        return status;
    }    
</script>
</body>
</html>

Answer 1

Your regex ^[0-9]{1,6}\.[0-9]{2}$ would match 1 to 6 digits followed by 2 decimal digits.

---

You can try this

^[0-9]{1,6}(\.[0-9]{2})?$
//This would match  1 to 6 digits optionally followed by 2 decimal digits.

OR

 ^[0-9]{1,6}(\.[0-9]{1,2})?$
//This would match  1 to 6 digits optionally followed by 1 to 2 decimal digits.

? matches preceding group or character optionally

---

EDIT

You are using the same name for id and name attribute in some cases and in some cases you are using 1 of them .Have a look at this and this

 <input type="text" name="name" size="48" />

should be

<input name="name" type="text" name="name" id="name" size="48" />

Answer 2

The regular expression is working fine. The script is failing at

document.getElementById('name').value==""

There's no element with ID name, so this gets an error. You need to add an id attribute to the name input:

<input type="text" name="name" id="name" size="48" />

To give a different alert for the AMOUNT field, put the alert inside the block that handles failing the regexp test.

 if(!reg.test(document.getElementById('AMOUNT').value))
 {
    alert("Please enter a valid amount");
    return false;
 }

Use return false here so you don't get a second alert when it gets to the end of the function.

Answer 3

This reg ex works for me if you want to check € 27.00 with € sysmbol then change regex with var reg=/^\€\s[0-9]{1,6}\.[0-9]{2}$/;;