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

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

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>

The reference to your form is

document.forms.contactform

and not

document.contactform

So, for example, the submit button should be:

document.forms.contactform.submit();
//       ^^^^^

The same correction should be applied to other references.

I'm surprised no one mentioned formaction. It is a legal attribute (in HTML5) for the input and button tag in submit/image state and can be used to send form data to a different action page. http://mdn.beonex.com/en/HTML/Element/input.html (it is also valid in button too).

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

In case you need to support IE9-, you simply can polyfill this, using webshims.

<script src="webshims/polyfiller.js"></script>
<script>
    webshims.polyfill('forms');
</script>

<!-- now it also works with IE8/9 and other legacy browsers -->
<form action=#">
    <buton formaction="script-1.php">submit one</button>
    <buton formaction="script-2.php">submit two</button>
</form>