2012-06-04 23 views
0

我有一个上传表单,然后提交是一个链接,进入确认框。这两个都是用jquery插件fancybox制作的。所以技术上它不是一个确认框,它只是一个div。我在确认框中提交了我的提交按钮,但在IE/FF中无效,所以我使用.submit()。如何确保浏览器与.submit()之间没有问题()

它适用于Chrome,IE和Firefox,但我听说你永远无法确定使用JavaScript。有没有办法我可以肯定这会“永远”工作?

<form name="importForm" action="<?=site_url('headquarters/importDesign')?>" method="POST" enctype="multipart/form-data"> 
    <div id="import-design"> 
    <div id="inline2"> 
     <div class="form-section"> 
      <ul> 
       <li><span class="input">File:</span><input name="userfile" size="40" type="file" /></li> 
       <li><span class="input">File Name:</span><input type="text" name="name" /></li> 
      </ul> 
     </div> 
     <div class="form-section"> 
      <a class="various1" href="#inline3"><button>Submit</button></a> 
     </div> 
    </div> 
</div> 
<div id="import-confirm"> 
    <div id="inline3"> 
     <h2>Confirm Reset?</h2> 
     <p>Do you really want to proceed? All design data will be overwritten.</p> 
     <hr class="inv-hr" /> 
     <div id="buttons"> 
      <button class="float-right" onClick="window.location.href='<?=site_url('headquarters/migrationDetails')?>'">Cancel</button> 
      **<a href="javascript:document.importForm.submit();">Click to submit the form</a>** 
     </div> 
    </div> 
</div>   
</form> 
+0

你必须尝试它你可以在大多数浏览器。没有其他方法。但我不明白为什么它不应该工作:) –

回答

0

确保JavaScript代码在您关心的所有浏览器中都能正常工作的唯一可靠方法就是在这些平台上进行测试。

有一些工具和服务,试图让你更容易。见例如

http://www.smashingmagazine.com/2011/08/07/a-dozen-cross-browser-testing-tools/

+0

我很害怕这可能是它。我喜欢“您关心的所有浏览器”:) –

+0

我在浏览器上做了一些分析,看到数以百万计的广告展示使用JavaScript。 Wii上有几个印象。几亿美元中的几个......在这种情况下在商业上是不合理的(尽管第二个想法是,让测试实验室的Wii可能很有趣... ;-) –

+0

我实际上有一个Wii和可能会开始搞乱互联网。虽然这在商业上不合理,但我不认为我们作为程序员应该关心IE。如果没有人为它编写程序,或者更好,重定向到Chrome下载,它将会很早就应该死掉。 :D –