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中重现这个问题吗?这是我的