JavaScript function to post form... And more

[mikemedia]

Real basic multiple choice quiz in a <form>

I have a button: type="button" which works well calling my function sumScore() and filling results into text fields.

I also have the standard form "submit" button for the
<form method="post" action="doscore.asp">

I want to combine the two into one button.

I've tried including the following into my function:
document.form.method="post"
document.form.action="doscore.asp"

 

[mbrooks]

function test() {
	document.test_form.submit();
}

<form name="test_form" method="POST" action="[URL unfurl="true"]http://domain.com/something.cgi">[/URL]

...

</form>

M. Brooks

http://mbrooks.info

 

[mikemedia]

Nope! I already tried that. Good guess though.

document.myform.submit();

results in an error:
'document.myform' is null or not an object

And yes my form is indeed
<form id="myform" method= "post" action="doscore.asp">

 

[BillyRayPreachersSon]

If your form has an ID, why not refer to it by its ID?:

document.getElementById('myform')

To answer your question, to combine the 'filler' code and the submission, you could call the code 'onsubmit':

<form ... onsubmit="sumScore();" ...>

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[mbrooks]

'document.myform' is null or not an object

Place the javascript after the <form> or do...

function test() {
    document.getElementById('myform').submit();
}

<form name="test_form" method="POST" action="[URL unfurl="true"]http://domain.com/something.cgi">[/URL]

M. Brooks

http://mbrooks.info

 

[monksnake]

mbrooks

see here:

function test() {
    document.getElementBy[!]Id[/!]('myform').submit();
}

<form [!]name[/!]="test_form" method="POST" action="[URL unfurl="true"]http://domain.com/something.cgi">[/URL]

<.

 

[mbrooks]

Oopsie! That's what happens when you don't pay attention when 'cutting & pasting'.

Correction..

function test() {
    document.getElementById('test_form').submit();
}

<form id="test_form" method="POST" action="[URL unfurl="true"]http://domain.com/something.cgi">[/URL]

M. Brooks

http://mbrooks.info

 

[monksnake]

I do it all the time.

<.

 

[mikemedia]

Thanks guys!
We're closin' in on it!

I'm still not reaching the 'doScore.asp'.

Here's what's not happening:
//My Submit calls the JS function

<form onsubmit="sumScore();" name="myform" method= "post" action="doscore.asp">

// the function contains various stuff for calculations(all of which test ok by itself) and write to a text field
None of the fields fill in though.

var total= a + b + c
var grade = total * 33
document.getElementById('totalScore').value = grade;

//Finally we submit the form but the address reads:

http://Site.html?R1=V1&totalScore=&passFail=&date=&testName=&button=Submit

I know it's Friday. So everybody take a break. If you feel inspired, I'll be checking in regularly. Thanks!

 

[BillyRayPreachersSon]

Do you have a URL to a hosted version of this page?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[Einstein47]

Can you show us the code for the buttons? Both the one that calls the "sumScore()" and the "submit".

Are you giving your buttons names and/or ids? I got bit once by naming my submit button "submit". That kept me from scripting the submit() function for my form. Nasty thing to debug.

Einstein47
There are no kangaroos in Austria!
[&#91;]Starbase47.com]

 

[mikemedia]

CODE URL:

http://users.hargray.com/mikemedia/

I appreciate everyone's help.

I've commented out lines: 117 and portions of 128
Lines 108 - 116 truly puzzle me. They should work.

The ultimate goal is to fill three fields (date, totalScore, and passFail) AND write the values to a database.

I'll be most intrigued by any positive resolution.

My thanks again.

 

[MarkZK]

I think that code should be,

--> document.simpleQuiz.getElementById
to
--> document.getElementById

then the else is missing "}{"

if(document.simpleQuiz.getElementById('totalScore').value < 50){
	document.simpleQuiz.getElementById('passFail').value = "Failed";
		[COLOR=#ff0000]}[/color]else[COLOR=#ff0000]{[/color]
	document.simpleQuiz.getElementById('passFail').value = "Passed";
  }

might want to var sumScore too.