Form Submit Problem.

muklee · October 18th, 2004, 07:16 AM

In my form, I have a button called "Search". When user clicks on this button, a small pop-up window will appear. The codes are as below:

Code:

<script language="JavaScript" type="text/javascript">

function doLookup() {
  // pop-up window
}

function checkForm() {
  alert("Check Form");
  return true;
}

</script>

<form name="form" method="post" onSubmit()="return checkForm();">
 <tr>
  <td><input type="image" name="searchBtn" onClick="lookUp();return false"></td>
 </tr>
</form>

The pop-up window will display a list of student name. When user selects a name and clicks "OK" button. The page will call a javascript function to submit opener's form and closes the pop-up window. The script are as below:

Code:

function submitForm() {
   opener.document.form.submit();
   opener.focus();
   window.close();
}

What I don't understand is after the pop-up window has been closed, the form did submit. But why I can't see an alert message pop-up?

I would like to apologize if my explanation is confusing. And I would try my best to explain it if requested.

Thanks in advanced.

Snib · October 18th, 2004, 08:30 PM

You're using onSubmit() when you should be using onsubmit, notice the lack of parenthesis (), and the lowercase.

HTH!

-Snib <><
Try new FreshView 0.2!
There are only two stupid questions: the one you don't ask, and the one you ask more than once ;)

muklee · October 19th, 2004, 01:04 AM

Sorry for late reply. I have try both method of onSubmit and onsubmit without (), but it still doesn't work.

Snib · October 19th, 2004, 03:15 PM

I don't think you need the return keyword in there.

Your form tag should look like this:

<form name="form" method="post" onsubmit="checkForm()">

Does it?

-Snib <><
Try new FreshView 0.2!
There are only two stupid questions: the one you don't ask, and the one you ask more than once ;)

muklee · October 20th, 2004, 09:19 AM

I have try the method "onSubmit = checkForm()", but still it doestn't work. It seems that method "checkForm()" is not being invoked.

Anyway, thanks for reply.

ChrisScott · October 20th, 2004, 09:39 AM

Hi muklee,

"onSubmit = checkForm()" is correct, but when you submit a form using code e.g. myForm.submit();, the forms onsubmit event is not fired.

You could create a submit button for your form & use style="display: none" to hide it, then call it's click method to trigger the onsubmit or do something like

Code:

if(opener.checkForm()){
    opener.document.form[0].submit();
}

HTH,

Chris

muklee · October 20th, 2004, 12:10 PM

Thanks a lot guys. I finally figure out what's the reason now.

mizjinx · May 27th, 2007, 10:06 PM

Hey guys..

If i want to display data automatically in one field when related data is chosen in a dropdown menu, is it possible to use document.form.submit?

as in- say in the database, there are two columns
Name | Age

In my form, i have a dropdown menu of names extracted from the database using asp. And i want the age corresponding to the name to appear when i select a particular name. but i dont want to submit the form because there are other values that need to be keyed-in before the form is submitted using a submit button.
If i use document.form.submit, the age appears when i select the name but the entire form is submitted.
Anyway of stopping a form from submitting.. like stop command or something?

Or any other way of auto appearing the age at the selection of the name aside document.form.submit?
I have tried onclick/onselect.. doesnt work.