如何使用 .submit() 确保浏览器之间没有问题

Question

我有一个上传表单，然后提交是一个指向确认框的链接。这两个都是用jquery插件fancybox制作的。所以从技术上讲，它不是一个确认框，它只是一个 div。我在确认框中有我的提交按钮，但在 IE/FF 中不起作用，所以我使用了 .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>

Answer 1

确保 JavaScript 代码能够在您关心的所有浏览器中运行的唯一 100% 可靠方法是在这些平台上对其进行测试。

有许多工具和服务可以让您更轻松地完成这项工作。参见例如

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