Hi there

I am very new to Javascript and my knowledge is somewhat limited. I have a textbox called rquan which is a quantity field. At the moment i've managed to set up validation on clicking the submit button to do the following:
flag message is box is empty
flag message if value is 0
flag message if value is greater than another box (ship)
(see code below if it helps!!)

function ProcessForm()
{
    if (document.forms['returnform'].elements['rquan'].value > document.forms['returnform'].elements['ship'].value)
    {
        alert("The Return Quantity cannot be greater than the Shipped Quantity.");
        document.forms['returnform'].elements['rquan'].focus();
        return;
    }

    if (document.forms['returnform'].elements['rquan'].value == "")
    {
        alert("Please enter the Return Quantity in the Return Quantity field.");
        document.forms['returnform'].elements['rquan'].focus();
        return;
    }

      document.forms['returnform'].submit();
}

This all works fine.

Now what I need to do is set up validation so that only numeric values are accepted, and only non-negative values. At the moment I can put in -A and it works fine! I thought having the one that checks for values greater than 0 would sort out the negative bit but it doesn't!!

Can anyone help me with the code cos I don't know what i'm doing!!

Thanks in advance

Lucy

Please check the following javascript numeric check function:

http://www.shiningstar.net/articles/...c.asp?ID=ROLLA



Om Prakash

Try using the isNaN function to test your value. Example:

myVar1 = isNaN("Hello");

   will return true because "Hello" is not a number, whereas

myVar1 = isNaN(34);

   will return false because 34 is a number.

if (isNaN(document.forms['returnform'].elements['rquan'].value))
{
alert("Please enter numeric values only.");
}

You can also use the not operator (!) if you want to reverse the result.

Regular Expressions such as

\d

could also be used, see http://builder.com.com/article.jhtml...30224gcn01.htm

A big thank you to everyone who posted replies. I have now got my javascript checking to validate the form on submit! I went with the isNaN option in the end, but will keep all your comments for future coding. One thing I have noticed, and i'm not sure if it's a javascript thing or an asp thing (perhaps someone can enlighten me!) but if i'm in my textfield and i hit 'enter' on the keyboard, it submits my form without going through all the javascript validation - very odd!

Any ideas?

Cheers

Lucy

Hi Lucy,

How are you calling the validation function?

If you add the function call to the form tags onsubmit attribute, it will get called when you hit enter.

HTH,

Chris

Hi Chris

Thanks for getting back to me. I'm not really a javascript bod so have 'lifted' the code from a page done previously and amended to suit my needs! So, got Javascript function at the top of my page....

<script language="javascript">

function ProcessForm()
{
    if (isNaN(document.forms['returnform'].elements['rquan'].value))
    {
        alert("Please enter numeric values only in the Return Quantity field.");
        document.forms['returnform'].elements['rquan'].focus();
        return;
    }

      document.forms['returnform'].submit();
}
</script>

then form tag surrounding my textbox with image button as my submit button....

<form name="returnform" id="returnform" method="post" action="confirmorder.asp">
<input name="rquan" type="text" id="rquan" size="3" />
<a href="javascript:ProcessForm();"><img border="0" src="/confirm_details.gif" width="140" height="24" /></a>
</form>

So, on clicking the submit button, the validation is done (javascript function called) and this then submits the info to confirmorder.asp page.

Do you, or does anyone else know, how I can do all this but not allow submission of the form on hitting the Enter key whilst in the textbox? I've simplified things here a little as I actually have a textarea box and a dropdown box also within my form, which come after the textbox - obviously if the user hits Enter, instead of Tab, the form is submitting, without the validation, and before the other boxes are filled in.

Thanks in advance

Lucy

Hi,

 Please check the following updated code:

<script language="javascript">

function ProcessForm()
{

    if (document.forms['returnform'].elements['rquan'].value == "")
    {
            alert("Please enter some value");
            document.forms['returnform'].elements['rquan'].focus();
            return false;
    }
    else
    {
        if (isNaN(document.forms['returnform'].elements['rquan'].value))
        {
            alert("Please enter numeric values only in the Return Quantity field.");
            document.forms['returnform'].elements['rquan'].focus();
            return false;
        }
    }

}
</script>

then form tag surrounding my textbox with image button as my submit button....

<form name="returnform" id="returnform" method="post" action="atest.asp" onsubmit="return ProcessForm();">
<input name="rquan" type="text" id="rquan" size="3" />
<input type=image src="/confirm_details.gif" width="140" height="24" /></a>
</form>


Thanks

Om Prakash