表单操作正在与Chrome一起使用，但不适用于Firefox浏览器

Question

我正在使用Backbone js。我想调用一个PHP页面，并且必须在表单提交时在iframe中显示。我使用underscore.js进行模板化。 我的html模板是，

    <div class="tag-popup-field confirmPopup">
    <form action="discover.php?perform=addnewdevice" method="post">
        <input type="text" placeholder="" id="submitDiscoverData" name="submitData">
        <div class="btnContainer">
            <input type="submit" class="simpleBtn" id="submitDataform" value="Discover">
        </div>
    </form>
</div>
<div class="iframeContainer">
    <iframe name="iframe_addDevice" id="iframe_addDevice" class="upgradeCollectorIframe"></iframe>
</div>

我在模板上面调用的视图是，

define([
  'jquery',
  'underscore',
  'backbone',
  'text!templates/DiscoverConfirmation.html'
], function ($, _, Backbone, DiscoverConfirmation) {
  view = Backbone.View.extend({
    initialize: function () {
    },
    tagName: 'div',
    className: 'tag-popup',
    render: function (obj, action, msg, name) {
      console.log('success');
      $(this.el).html(_.template(DiscoverConfirmation, {}));
      return this.el;
    }
  });
  return view;
});

点击'#submitDataform'后，我需要将表单数据提交到php页面并在iframe中显示页面。 它的工作正常，但没有在Firefox中工作。

在firefox表单中，操作无效。