jQuery'；序列化'；方法不将用户名传递给Firefox

我试图使用jQuery将bootstrapv4模式用户名/密码表单传递给php。 它是“成功的”，但只是部分成功，因为它在Firefox中似乎不起作用

在html中

“SignInfo”是表单的ID

“uName”（用户名）和“uPass”（密码）是模式内表单上2个输入字段的“name=”值

showStatus是主页上用于更新状态的div的名称（我还没有让它工作），大概是因为jQuery无法“html”div（？（注意：（#showStatus）div正在崩溃，这强烈表明脚本至少正在工作到这一点……因为它正在更改对象的html！）

以下是加载模式的页面上的jquery脚本：

<script>

$(document).ready(function(){   
$("#signInForm").submit(function(event){
    submitForm();
    return false;
  });
});

  function submitForm(){
       $.ajax({
         type: "POST",
         url: "saveContact.php",
         cache:false,
         data: $('form#signInForm').serialize(),
         success: function(response){
             $("#showStatus").html(response)
             $("#signInModal").modal('hide');
         },
        error: function(){
            alert("Error");
        }
    });
}
</script>

$（文档）.ready（函数（）{
$（“#SignInfo”）.submit（函数（事件）{
submitForm（）；
返回false；
});
});
函数submitForm（）{
$.ajax({
类型：“POST”，
url:“saveContact.php”，
cache:false，
数据：$（'form#SignInfo'）。序列化（），
成功：功能（响应）{
$（“#showStatus”）.html（回复）
$（“#signimodal”）.modal（'hide'）；
},
错误：函数（）{
警报（“错误”）；
}
});
}

下面是saveContact.php：

<?php
if (isset($_POST['usrPass'])) {
   $name = strip_tags($_POST['usrName']);
   $user = strip_tags($_POST['usrPass']);
 }
?>

这似乎适用于Chrome（OSX）和Safari（OSX）。这两种浏览器都会在模式上的提交按钮按下且模式消失后，提供“保存”用户名/密码组合（例如：“tony”和“car123”）

以下是两幅显示结果的图像：

然而，无论我做了什么尝试，我都无法让Firefox接受来自这个脚本/模式的结果。以下是Firefox正在做的

可以看出，Firefox只保存密码而不保存用户名。 为了解决这个问题，我想尽了一切办法。这尤其令人讨厌，因为它“似乎”起作用了

---

我将非常感谢任何帮助，这对我来说毫无意义。

我注意到两件事

• 首先，您提到希望在页面上以div显示状态和“showStatus是div的名称”，但在success函数中，您将其称为

  id

  。改用

  $（'[name=“showStatus”]'）

• 其次，您没有从saveContact.php返回任何响应。回显saveContact中的状态HTML，它将成为成功函数的响应

---

根据firefox在其“保存密码”提示中没有跳过用户名的说法，如果您的php正在获取这些值，那么这可能是浏览器的问题。您可以向Firefox提交问题

恐怕MDN会说a不是有效命名的元素。（即：你不说name='myDiv'）。但是你可以给一个div一个id（id=“myDiv”）。我这么说只是因为你提到你的div有一个名字。但是使用MDN并将名称更改为id