使用Javascript和；提交_Javascript_Javascript Events_Download_Onsubmit

使用Javascript和；提交

javascript download

使用Javascript和；提交,javascript,javascript-events,download,onsubmit,Javascript,Javascript Events,Download,Onsubmit,我试图在访问者提交经过验证的选择加入表单时创建自动文件下载。我想使用javascript函数作为onsubmit（）事件启动下载。这是我正在使用的代码，我已经使用formaction=将表单数据提交到数据库，并且它们的javascript已经就绪，可以验证表单。我只需要添加下载功能 <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans

我试图在访问者提交经过验证的选择加入表单时创建自动文件下载。我想使用javascript函数作为onsubmit（）事件启动下载。这是我正在使用的代码，我已经使用formaction=将表单数据提交到数据库，并且它们的javascript已经就绪，可以验证表单。我只需要添加下载功能

   <?xml version="1.0" encoding="utf-8"?>

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

  <style type="text/css" xml:space="preserve">
  BODY, P,TD{ font-family: Arial,Verdana,Helvetica, sans-serif; font-size: 10pt }
  A{font-family: Arial,Verdana,Helvetica, sans-serif;}
  B {   font-family : Arial, Helvetica, sans-serif; font-size : 12px;font-  
  weight     
 : bold;}
  .error_strings{ font-family:Verdana; font-size:14px; color:#660000;}
  </style>
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"> 
   </script>
 <script type="text/javascript" 
 src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script language="JavaScript" src="gen_validatorv4.js"
type="text/javascript" xml:space="preserve"></script>



   <script type="text/javascipt">
   var downloadURL = function downloadURL(url) {
  var iframe;
  var hiddenIFrameID = 'hiddenDownloader';
  iframe = document.getElementById(hiddenIFrameID);
   if (iframe === null) {
    iframe = document.createElement('iframe');  
    iframe.id = hiddenIFrameID;
    iframe.style.display = 'none';
    document.body.appendChild(iframe);
   }
  iframe.src = 'http://healthyweightnaturally.com/file-download/download.php?   
   download_file=integrative_nutrition_ebook.pdf';   
  }
   </script>
   </head>
   <body>



<form name="myform" id="myform" method="post"  
   action="https://www.mysite.com/FormHTML.aspx" onSubmit="return downloadURL(url);"> 


     <table cellspacing="2" cellpadding="2" border="0">
    <tr>
      <td align="right">
        First Name
      </td>
      <td>
        <input type="text" name="FirstName" />
      </td>
    </tr>
    <tr>
      <td align="right">
        Last Name
      </td>
      <td>
        <input type="text" name="LastName" />
      </td>
    </tr>
    <tr>
      <td align="right">
        Email *
      </td>
      <td>
        <input type="text" name="Email" />
      </td>
    </tr>



    <tr>
      <td align="right"></td>
      <td>
        <div id="myform_errorloc" class="error_strings">
        </div>
      </td>
    </tr>
    <tr>
      <td align="right"></td>
      <td>
        <input style="padding-left:10px;" src="http://healthyweightnaturally.com/file-  
     download/download-button.png" type="image" value="submit" value="Submit" />
      </td>
    </tr>
  </table>
    <div style="visibility:hidden"> 
    <iframe name="ifr1" width="20" height="20" id="hiddenIFrameID"></iframe> 
    </div> 
   </form>
 <script language="JavaScript" type="text/javascript"
    xml:space="preserve">//<![CDATA[
   //You should create the validator only after the definition of the HTML form
   var frmvalidator  = new Validator("myform");
  frmvalidator.EnableOnPageErrorDisplaySingleBox();
  frmvalidator.EnableMsgsTogether();

 frmvalidator.addValidation("FirstName","req","Please enter your First Name");
 frmvalidator.addValidation("FirstName","maxlen=20",    "Max length for FirstName   
 is 20");
 frmvalidator.addValidation("FirstName","alpha_s","Name can contain alphabetic chars    
 only");

 frmvalidator.addValidation("LastName","req","Please enter your Last Name");
 frmvalidator.addValidation("LastName","maxlen=20","For LastName, Max length is 20");

 frmvalidator.addValidation("Email","maxlen=50");
 frmvalidator.addValidation("Email","req");
 frmvalidator.addValidation("Email","email");

 //]]>
 </script>

 </body>

 </html>


正文，P，TD{字体系列：Arial，Verdana，Helvetica，无衬线；字体大小：10pt}
{字体系列：Arial、Verdana、Helvetica、无衬线；}
字体系列：Arial，Helvetica，无衬线；字体大小：12px；字体-
重量
：粗体；}
.error_字符串{字体系列：Verdana；字体大小：14px；颜色：#660000；}
var downloadURL=函数downloadURL（url）{
var-iframe；
var hiddenIFrameID='hiddenDownloader'；
iframe=document.getElementById（hiddenIFrameID）；
if（iframe==null）{
iframe=document.createElement（'iframe'）；
iframe.id=hiddenIFrameID；
iframe.style.display='none'；
document.body.appendChild（iframe）；
}
iframe.src=http://healthyweightnaturally.com/file-download/download.php?   
下载_file=integrative_nutrition_ebook.pdf'；
}
名字
姓
电子邮件*
//

我想使用onsubmit而不是onclick，因为我需要确保在下载文件之前表单已经过验证。我对javascript有点陌生，已经为此奋斗了好几天。我将非常感谢有人的帮助。我找到的与答案最接近的东西可以在上看到，但由于他们从未给出任何代码示例，因此它不能帮助我看到解决方案。

提前感谢您的帮助。我真的很感激

您可以使用我在这里找到的jQuery插件。

非常感谢。我真的很感激！