onClick event problem

mateenmohd · #1 (**permalink**) July 28th, 2003, 02:36 AM

There is error in onClick event.
How can check multiple record a to z value if datatype is numeric, if user inter character value
It should gives message that “ enter Numeric value “

<head>
<script language=JavaScript>
function docheck()
{
for (i=0;i<=10;++i)
{
x=document.forms[0].elements[i].value
n=document.forms[0].elements[i].name

   if (i==0)
  {
  fn=document.forms[0].elements[i].value
    if (fn=="a,b,c,d,e,f.,,,,,,,,,,,………..") // a to z
   {
   alert ("Please enter Numeric Value ")
   document.forms[0].elements[i].focus()
   return false;
   }
  }
}
}
document.myform.submit()
}
</script>
</head>

<input type=submit value="show drawings" onClick=”docheck()”>

Mateen

pgtips · #2 (**permalink**) July 28th, 2003, 03:52 AM

regular expressions are the way to go with this sort of thing, try

Code:

if ( /[^0-9]/.test(fn) ) { alert ("Please enter Numeric Value "); ... }

that will check whether the field contains any non-numeric characters, but it won't check for empty field, but this will:

Code:

if (!(/^\d+$/.test(fn)) ) { alert ("Please enter Numeric Value ");  }

Do you want to allow decimals, example 12.75?

rgds
Phil

mateenmohd · #3 (**permalink**) July 28th, 2003, 06:54 AM

thanks.

yes, it will more better to check decimals
boths example, allow and not allow, how ?

Mateen

Quote:

quote:Originally posted by pgtips
regular expressions are the way to go with this sort of thing, try

Code:

if ( /[^0-9]/.test(fn) ) { alert ("Please enter Numeric Value "); ... }

that will check whether the field contains any non-numeric characters, but it won't check for empty field, but this will:

Code:

if (!(/^\d+$/.test(fn)) ) { alert ("Please enter Numeric Value ");  }

Do you want to allow decimals, example 12.75?

rgds
Phil

mateenmohd · #4 (**permalink**) July 29th, 2003, 02:34 AM

if non numeric value inter it is give alert message that enter numeric value but it is not focus on it. But it move to next page why ?

document.forms[0].elements[i].focus() not working .

how can stop to move it to next page ?
I am using <input type=submit value=show >

Mateen

Quote:

quote:Originally posted by pgtips
regular expressions are the way to go with this sort of thing, try

Code:

if ( /[^0-9]/.test(fn) ) { alert ("Please enter Numeric Value "); ... }

that will check whether the field contains any non-numeric characters, but it won't check for empty field, but this will:

Code:

if (!(/^\d+$/.test(fn)) ) { alert ("Please enter Numeric Value ");  }

Do you want to allow decimals, example 12.75?

rgds
Phil

planeswalk · #5 (**permalink**) July 29th, 2003, 03:59 AM

Hi,

This is because you have document.myform.submit() after the regular expressions code block. The first thing that you need to do is remove that line from the javascript. Then type onSubmit="return doCheck()" as an attribute in your <form> tag (you have to have this) and remove the onClick attribute from the button. This will force your HTML form to do the expression check when you submit the form and will not submit the page if the check fails.

Cheers!
Marlon

pgtips · #6 (**permalink**) July 29th, 2003, 04:07 AM

Try this regexp for validating decimals:

Code:

if (!(/^\d+\.?\d*$/.test(fn)) ) { alert ("Please enter Numeric Value ");  }

mateenmohd · #7 (**permalink**) July 30th, 2003, 12:25 AM

thanks for response.
I amend the coding,but it is move to next page.
it is not stop that field.
I remove onClick attribute from the button.
Please check coding
<head>
<script language=JavaScript>
function doCheck()
{
for (i=0;i<=1;++i)
{
fx=document.forms[0].elements[i].value
fn=document.forms[0].elements[i].name
   if (i==0)
  {
  fn=document.forms[0].elements[i].value
    if ( /[^0-9]/.test(fn) )
   {
   alert ("Please enter Numeric Value ")
   onSubmit="return doCheck()"
   return false;
   }
  }
}
document.myform.submit()
}
</script>
</head>

Quote:

quote:Originally posted by planeswalk
Hi,

This is because you have document.myform.submit() after the regular expressions code block. The first thing that you need to do is remove that line from the javascript. Then type onSubmit="return doCheck()" as an attribute in your <form> tag (you have to have this) and remove the onClick attribute from the button. This will force your HTML form to do the expression check when you submit the form and will not submit the page if the check fails.

Cheers!
Marlon

cpap · #8 (**permalink**) July 31st, 2003, 02:29 AM

my friend the line onsubmit=....... MUST be placed in the <input type='submit'.....> of your HTML Code.

regards
Chris...

Quote:

quote:Originally posted by mateenmohd
thanks for response.
I amend the coding,but it is move to next page.
it is not stop that field.
I remove onClick attribute from the button.
Please check coding
<head>
<script language=JavaScript>
function doCheck()
{
for (i=0;i<=1;++i)
{
fx=document.forms[0].elements[i].value
fn=document.forms[0].elements[i].name
if (i==0)
{
fn=document.forms[0].elements[i].value
if ( /[^0-9]/.test(fn) )
{
alert ("Please enter Numeric Value ")
onSubmit="return doCheck()"
return false;
}
}
}
document.myform.submit()
}
</script>
</head>

Quote:

quote:Originally posted by planeswalk
Hi,

This is because you have document.myform.submit() after the regular expressions code block. The first thing that you need to do is remove that line from the javascript. Then type onSubmit="return doCheck()" as an attribute in your <form> tag (you have to have this) and remove the onClick attribute from the button. This will force your HTML form to do the expression check when you submit the form and will not submit the page if the check fails.

Cheers!
Marlon

mateenmohd · #9 (**permalink**) August 2nd, 2003, 05:16 AM

Thanks you for your help.

regards.

Quote:

quote:Originally posted by cpap
my friend the line onsubmit=....... MUST be placed in the <input type='submit'.....> of your HTML Code.

regards
Chris...

Quote:

quote:Originally posted by mateenmohd
thanks for response.
I amend the coding,but it is move to next page.
it is not stop that field.
I remove onClick attribute from the button.
Please check coding
<head>
<script language=JavaScript>
function doCheck()
{
for (i=0;i<=1;++i)
{
fx=document.forms[0].elements[i].value
fn=document.forms[0].elements[i].name
if (i==0)
{
fn=document.forms[0].elements[i].value
if ( /[^0-9]/.test(fn) )
{
alert ("Please enter Numeric Value ")
onSubmit="return doCheck()"
return false;
}
}
}
document.myform.submit()
}
</script>
</head>

Quote:

quote:Originally posted by planeswalk
Hi,

This is because you have document.myform.submit() after the regular expressions code block. The first thing that you need to do is remove that line from the javascript. Then type onSubmit="return doCheck()" as an attribute in your <form> tag (you have to have this) and remove the onClick attribute from the button. This will force your HTML form to do the expression check when you submit the form and will not submit the page if the check fails.

Cheers!
Marlon

Need to download code?

Navigation