Jquery ajax表单提交即使返回false

Question

我正在通过ajax将从同一页面上的表单中收集的数据发送到一个php页面，用于插入查询，该页面返回成功/失败。但是，我的表单不是ajax调用，而是在返回false后提交的。我的表单字段名称值与ajax提交后的数据名称值相同。当我尝试实际表单提交时，php页面上没有错误，并且成功了。为什么即使在返回false之后，我的表格也已提交。控制台中有一些错误，但刷新页面时会丢失。

这是我的表单字段

<form method="POST" action="manuAthuntication.php" id="myform" onsubmit="return editAdmin()">

j查询代码

<script>
function editAdmin(){

console.log("Here"); 
var aname=$("#aname").val();
var aemail=$("#aemail").val();

var depname=$("#depname").val();
var acontact=$("#acontact").val();
var adesi=$("#adesi").val();
var apass=$("#apass").val();

/* var myInput = document.getElementById('did');*/
/*myInput.disabled = false;*/
var hdid=$("#hdid").val();
var haid=$("#haid").val();
// $('#aidd').val(uid);
// var uid = sessionStorage.getItem("adminidedit");
$.ajax
({
type:'post',
url:'manuAthuntication.php',
data:{
editAdmin:"editAdmin",
aname:aname,
haid:haid,
aemail:aemail,
depname:depname,
acontact:acontact,
adesi:adesi,
apass:apass,
hdid:hdid
},
success:function(response) {
if(response=="success")
{
// console.log(" succes here");
$("#error").text(" added succesfully");
}
else
{
// console.log("here");
$("#succmssg").text("ID already exist. choose new one");

}
}
});


return false;

}          
</script>

Answer 1

在chrome中，您可以打开开发人员工具，并在preserve log选项上进行网络检查。