Javascript Jquery提交表单已损坏

Javascript Jquery提交表单已损坏,javascript,jquery,html,forms,Javascript,Jquery,Html,Forms,我尝试停止表单刷新页面,但每次提交表单时它都会刷新页面 <script> $("#myforms").submit(function() { return false; }); </script> <form action="" method="post" id="myforms"> <input id="search123" style="text-align:center" type="text" value="Enter

我尝试停止表单刷新页面,但每次提交表单时它都会刷新页面

<script>
$("#myforms").submit(function() { 

   return false; 
});
</script>

<form action="" method="post" id="myforms">
      <input id="search123" style="text-align:center" type="text" value="Enter Search..." />
    </form>

仍然存在相同的问题

如果不想刷新页面,则需要使用ajax。

如果不想刷新页面,则需要使用ajax。

您忘记了一些疑点:

$("#myforms").submit(function() {
        return false;
  });

你忘了一些妄想症:

$("#myforms").submit(function() {
        return false;
  });

您需要将代码放入jQuery中


$(函数(){
$(“#myforms”).submit(函数(){
返回false;
});
});

您需要将代码放入jQuery中


$(函数(){
$(“#myforms”).submit(函数(){
返回false;
});
});

将脚本标记移动到表单后面,或将代码添加到domready事件中

<form action="" method="post" id="myforms">
      <input id="search123" style="text-align:center" type="text" value="Enter Search..." />
</form>
<script>
    $("#myforms").submit(function() {
        return false;
    });
</script>

$(“#myforms”).submit(函数(){
返回false;
});


$(文档).ready(函数(){
$(“#myforms”).submit(函数(){
返回false;
});
});

将脚本标记移动到表单后面,或将代码添加到domready事件中

<form action="" method="post" id="myforms">
      <input id="search123" style="text-align:center" type="text" value="Enter Search..." />
</form>
<script>
    $("#myforms").submit(function() {
        return false;
    });
</script>

$(“#myforms”).submit(函数(){
返回false;
});


$(文档).ready(函数(){
$(“#myforms”).submit(函数(){
返回false;
});
});

这是一个常见问题,很容易解决

只需去掉
标记,改用:

<div id="myforms">
    <input id="search123" onKeyUp="setTimeout(submit,1000)" style="text-align:center" type="text" value="Enter Search..." />
</div>

然后在Javascript中创建一个执行所需操作的
submit()
方法

这将阻止表单发回页面

如果需要在某处发布数据,请在
submit()
方法中使用JQuery的
.POST()
方法:


这是一个常见问题,很容易解决

只需去掉
标记,改用:

<div id="myforms">
    <input id="search123" onKeyUp="setTimeout(submit,1000)" style="text-align:center" type="text" value="Enter Search..." />
</div>

然后在Javascript中创建一个执行所需操作的
submit()
方法

这将阻止表单发回页面

如果需要在某处发布数据,请在
submit()
方法中使用JQuery的
.POST()
方法:


提交的表单将始终刷新/重定向页面,为避免此情况,您只需执行以下操作:

<form action="" method="post" id="myforms" onsubmit="return false">
      <input id="search123" style="text-align:center" type="text" value="Enter Search..." />
</form>​​​​​​​​​​​​​

​​​​​​​​​​​​​
在submit处理程序上返回false将阻止表单提交,页面也将被刷新,而jQuery真的不需要仅仅阻止表单


但是,要将表单发送到服务器而不刷新页面,需要使用Ajax,jQuery内置了一些很棒的Ajax功能,但看起来您需要阅读一下。提交的表单总是会刷新/重定向页面,为了避免这种情况,您需要做的是:

<form action="" method="post" id="myforms" onsubmit="return false">
      <input id="search123" style="text-align:center" type="text" value="Enter Search..." />
</form>​​​​​​​​​​​​​

​​​​​​​​​​​​​
在submit处理程序上返回false将阻止表单提交,页面也将被刷新,而jQuery真的不需要仅仅阻止表单


但是,要将表单发送到服务器而不刷新页面,需要使用Ajax,jQuery内置了一些很棒的Ajax功能,但看起来您需要在提交处理程序中添加一个
警报
,看看它是否显示出来。表单在初始加载时是否已经在页面上,或者它是ajax调用的结果?在
ready
函数中,尝试:
alert($(“#myforms”).length)。它应该显示1,以确保在运行就绪处理程序时表单实际存在。在提交处理程序中放置一个
警报
,然后查看它是否显示。表单在初始加载时是否已经在页面上,或者它是ajax调用的结果?在
ready
函数中,尝试:
alert($(“#myforms”).length)。它应该显示1,只是为了确保在运行就绪处理程序时表单确实存在。您能在JSFIDLE中重现这个问题吗?这是我的问题,你能在JSFIDLE中重现这个问题吗?这是我的