要 HTML 表单提交什么都不做

我希望 HTML 表单在提交之后什么都不做。

action=""

不好，因为它会导致页面重新加载。

基本上，我希望每当按下按钮或有人在输入数据后点击 Enter时就调用 Ajax 函数。是的，我可以删除表单标签，并添加只是从按钮的 onclick 事件调用函数，但我也希望“点击进入”功能，而不是所有的骇客。

114584 次浏览
小开
最佳答案

通过在从提交按钮调用的 JavaScript 代码中使用 return false;，可以停止表单的提交。

基本上，你需要以下 HTML:

<form onsubmit="myFunction(); return false;">
<input type="submit" value="Submit">
</form>

然后是支持 JavaScript 的代码:

<script language="javascript"><!--
function myFunction() {
// Do stuff
}
//--></script>

如果你愿意，你也可以有一定的条件允许脚本提交表单:

<form onSubmit="return myFunction();">
<input type="submit" value="Submit">
</form>

配对:

<script language="JavaScript"><!--
function myFunction() {
// Do stuff
if (condition)
return true;


return false;
}
//--></script>
小开

作为按钮 onclick 事件的一部分，返回 false，这将阻止表单提交。

例如:

function doFormStuff() {
// Ajax function body here
return false;
}

只要点击提交按钮就可以调用这个函数，有很多不同的方法。

小开

怎么样

<form id="my_form" onsubmit="the_ajax_call_function(); return false;">
......
</form>
小开

使用 JQuery。也许在表单中的元素周围放一个 div。然后使用 proventDefault () ，然后进行 Ajax 调用。

小开

您可以使用以下 HTML

<form onSubmit="myFunction(); return false;">
<input type="submit" value="Submit">
</form>
小开

它也有效:

<form id='my_form' action="javascript:myFunction(); return false;">
小开

用途:

<form action='javascript:functionWithAjax("search");'>
<input class="keyword" id="keyword" name="keyword" placeholder="input your keywords" type="search">
<i class="iconfont icon-icon" onclick="functionWithAjax("search");"></i>
</form>


<script type="text/javascript">
function functionWithAjax(type) {
// Ajax action


return false;
}
</script>
小开 
<form id="my_form" onsubmit="return false;">

就足够了。

小开 
<form onsubmit="return false;">
小开

只要将‘ action =”“’替换为‘ return false’，就可以了。


提交答案