Form onsubmit is not working ..!!!!

dmjpro · #1 September 11th, 2008, 06:23 PM

Expand|Select|Wrap|Line Numbers

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Untitled Document</title>

<script type="text/javascript">

function validate(){

    alert('Yahoo...!!!');

    return false;

}

</script>

</head>
 
<body>

<form onSubmit="return validate()">

<input type=button value=submit onclick="this.form.submit()"/>

</form>

</body>

</html>

The function validate is not working ..!!!!!!!

acoder · #2 September 11th, 2008, 06:53 PM

onsubmit occurs when a submit button is clicked. That's just a normal button.

Dormilich · #3 September 11th, 2008, 07:49 PM

a further note: "onsubmit" and "onSubmit" is not the same in XHTML. for events it is best to use only lower case attributes. (and IE can't properly handle XHTML)

Ferris · #4 September 12th, 2008, 05:43 AM

you can use HTML submit element to post the form.

change

Expand|Select|Wrap|Line Numbers

<input type=button value=submit onclick="this.form.submit()" />

into

Expand|Select|Wrap|Line Numbers

<input type="submit" value="submit" />

dmjpro · #5 September 12th, 2008, 06:31 AM

Quote:

Originally Posted by acoder

onsubmit occurs when a submit button is clicked. That's just a normal button.

But Acoder i am submitting the form then why it shouldn't work ?

Ferris · #6 September 12th, 2008, 06:54 AM

The submit method does not invoke the onsubmit event handler. Call the onsubmit event handler directly.

Expand|Select|Wrap|Line Numbers

 
      <form onSubmit="return validate();">

      <input type=button value=submit onclick="this.form.onsubmit();"/>

      </form>

acoder · #7 September 12th, 2008, 12:17 PM

Quote:

Originally Posted by dmjpro

But Acoder i am submitting the form then why it shouldn't work ?

I'll repeat what I said again highlighting the important points:

onsubmit occurs when a submit button is clicked. That's just a normal button. Calling the submit() method is not the same as clicking the submit button.

Popular Articles

What is Bytes?