表单有两个提交按钮做两个不同的事情

Question

I have a form that I have two buttons on. One button should take the user to one php script and the other button would take the user two a different php script. However for some reason the buttons aren't doing anything. Here is the code.

    <script language="Javascript">
function OnButton1()
{
document.contactform.action = "../scripts/email-info.php"
// document.Form1.target = "_blank";    // Open in a new window

document.contactform.submit();             // Submit the page

return true;
}

function OnButton2()
{
document.contactform.action = "../scripts/email-info2.php"
//document.contactform.target = "_blank";    // Open in a new window

document.contactform.submit();             // Submit the page

return true;
}
</script

Then here is the actual form code:

<form id="contact-form" name="contactform" method="post">
<fieldset>
<div id="holder">
<div id="formLeft">
<div class="txtlabel">Name* </div><div class="input-bg"><input type="text" 
name="name"       id="name" required></div>
</div>
</div>
<div id="msgbox">
<div class="txtlabel">Tell Us About Your Business Needs</div>
<div class="message-bg">
<textarea name="message" id="message" rows="9" cols="56" required></textarea><input 
name="formpage" type="hidden" value="<?=$pagename;?>" />
</div></div><div style="clear:both"></div><br /><br />
<input src="/submitbtn.jpg"  
name="submit" value="View Now" class="submit-button" onclick="OnButton1();"/>
<input src="/submitbtn.jpg"  
name="submit" value="Download Now" class="submit-button2" onclick="OnButton2();" />
</fieldset>

</form>

I've removed some of the submission fields to make it more easily viewable. But I get nothing when I click either button...Any thoughts??

Answer 1

problem is in input:

<input src="/submitbtn.jpg"  
  name="submit" value="View Now" class="submit-button" onclick="OnButton1();"/>

When you have a form:

document.contactform.submit

Javascript returns the input with name submit, not the submit function.

You could change the name of the input:

<input src="/submitbtn.jpg"  
  name="yourName" value="View Now" class="submit-button" onclick="OnButton1();"/>

Also, your inputs are not buttons, check this.

Update

This question mentions HTML5 formaction attribute:

<form action=#">
    <buton formaction="script-1.php">submit one</button>
    <buton formaction="script-2.php">submit two</button>
</form>