javascript - 表单代码在 Firefox 中不起作用(提交和警报)

Question

$(document).ready(function () {
  $("#submitButton").click(function () {
    $.post($("#payment").attr("action"), $("#payment").serialize(),
           function () {
      alert('Form 1 submitted');
    });

    $.post($("#normal").attr("action"), $("#normal").serialize(),
           function () {
      alert('Form 1 submitted');
    });
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="normal" action="send.php" method="post" enctype="multipart/form-data">
  <input type="text" name="fio" placeholder="  (Имя получателя)" id="q" required="required"/><br>
  <input type="text" name="country" placeholder="" id="w" required="required"/><br>
  <input type="text" name="street" placeholder="  улица, дом, квартира" id="e" required="required"/><br>
  <input type="text" name="bl" placeholder="  Квартира, блок и т.п. (при необходимости)" id="o"/><br>
  <input type="text" name="city" placeholder="" id="r" required="required"/><br>
  <input type="text" name="region" placeholder="" id="t" required="required"/><br>
  <input type="number" name="index" placeholder="" id="y" required="required"/><br>
  <input type="number" name="mobnumber" placeholder="  В международном формате" id="u" required="required"/><br></form>

<form id="payment" name="payment" method="post"    action="https://sci.interkassa.com/" enctype="utf-8">
  <input type="hidden" name="ik_co_id" value="58515c6a3c1eafd5708b4569" />
  <input type="hidden" name="ik_pm_no" value="ID_4233" />
  <input type="hidden" name="ik_am" value="382" />
  <input type="hidden" name="ik_cur" value="UAH" />
  <input type="hidden" name="ik_desc" value="Event Description" />
  <input type="hidden" name="ik_act" value="payways" />
  <input type="hidden" name="ik_pw_off" value="yandexmoney" />
  <input type="hidden" name="ik_suc_u" value="https://www.yandex.ua/" />
  <input type="hidden" name="ik_fal_u" value="https://www.yandex.ua/" />
  <input type="hidden" name="ik_pnd_u" value="https://www.yandex.ua/" />
  <input type="hidden" name="ik_exp" value="2016-12-15" />
  <input type="hidden" name="ik_ltm" value="3600" />
  <input type="hidden" name="ik_loc" value="ru" />
  <input type="hidden" name="ik_enc" value="utf-8" />
  <input type="hidden" name="ik_int" value="web" />
  <input type="hidden" name="ik_am_t" value="payway" />
  <input type="submit" id="submitButton" value="ОПЛАТИТЬ" id="sub"/></form>

此代码适用于除 Firefox 之外的所有浏览器(表单发送成功，重定向有效，网站要求确认警报)。但 Firefox 立即重定向到该站点，而没有发送表单并确认警报。请帮忙，我在俄罗斯互联网上找不到答案。请帮帮我。附:抱歉我的英语不好，我使用谷歌翻译器，但我尽力使文本可读。预先感谢您

Answer 1

由于您要使用代码中的 ajax 请求发送数据，因此必须将输入类型 submit 更改为 button:

<input type="button" id="submitButton" value="ОПЛАТИТЬ" id="sub"/></form>

或者您可以使用 e.preventDefault() 或 return false 来阻止提交，例如:

$(document).ready(function () {
    $("#submitButton").click(function (e) {
        e.preventDefault();

        $.post($("#payment").attr("action"), $("#payment").serialize(),
          function () {
              alert('Form 1 submitted');
          });

        $.post($("#normal").attr("action"), $("#normal").serialize(),
          function () {
              alert('Form 1 submitted');
          });
    });
});

希望这有帮助。