Javascript “提交”按钮中默认不工作

我有

html

表单，当我点击

submit

按钮时，页面转到insert.php 我不喜欢它 防止故障不起作用 我有这个

脚本

html

HTML

<form action="insert.php" method="post">
<input  type="text" name="username" placeholder=""><br />
<input  type="text" name="name" placeholder=""><br />
<input  type="text" name="lastname" placeholder=""><br />
<input id="mail" name="email" type="text" placeholder="E-mail"><br />
<input id="mail_1" type="text" placeholder="reply E-mail"><br />
<input id="password" name="password" type="password" placeholder=""><br />
<input id="password_1"  type="password" placeholder=""><br /> 
<input id="submit" type="submit" value="registration">
</form>

---

我想你错过了取消的活动

$( "#target" ).submit(function( event ) {
  event.preventDefault();

---

}))

不要监听按钮，而是单击您需要监听的

提交：

$("form").submit(function(event){
    event.preventDefault();
});

---

现代jQuery（1.7或更高版本）：

---

问题是事件正在冒泡，并且正在调用表单的提交事件

您应该收听表单的

submit

事件，而不是收听按钮的

click

事件：

$("#formId").submit(function(event){
    event.preventDefault();
});

<form id="formId" ...

并将

id

属性添加到表单中：

$("#formId").submit(function(event){
    event.preventDefault();
});

<form id="formId" ...

---

首先在表单中添加ID，我将使用
myFormId

<form id="myFormId"  action="insert.php" method="post">
    <input  type="text" name="username" placeholder=""><br />
    <input  type="text" name="name" placeholder=""><br />
    <input  type="text" name="lastname" placeholder=""><br />
    <input id="mail" name="email" type="text" placeholder="E-mail"><br />
    <input id="mail_1" type="text" placeholder="reply E-mail"><br />
    <input id="password" name="password" type="password" placeholder=""><br />
    <input id="password_1"  type="password" placeholder=""><br /> 
    <input id="submit" type="submit" value="registration">
</form>

对于将来潜伏在这里的任何人，我的问题是，表单在脚本之前没有加载，因此事件没有绑定。因此，我做了以下工作，我的问题得到了解决：

$(window).load(function () {
    $("#submit").submit(function (e) {
        e.preventDefault();
        ...
        ...
    });
}

将
id=“formId”
添加到您的formPHP和MySQL中与此无关（标记已编辑，PHP代码已删除）-请在将来根据问题进行标记，并仅发布相关代码。我得到的印象是
preventDefault（）
在类型为submit的
上不起作用，但请按按钮解释
。
的含义
$(window).load(function () {
    $("#submit").submit(function (e) {
        e.preventDefault();
        ...
        ...
    });
}