p2p.wrox.com Forums

p2p.wrox.com Forums (http://p2p.wrox.com/index.php)
-   Javascript (http://p2p.wrox.com/forumdisplay.php?f=85)
-   -   onClick event problem (http://p2p.wrox.com/showthread.php?t=2145)

mateenmohd July 28th, 2003 02:36 AM

onClick event problem
 
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 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 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 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 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 July 29th, 2003 04:07 AM

Try this regexp for validating decimals:
Code:

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

mateenmohd 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 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 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






All times are GMT -4. The time now is 07:18 PM.

Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
© 2013 John Wiley & Sons, Inc.