想要html表單提交什麼也不做

Question

我希望html表單在提交後不做任何事情。

action="" 

是沒有好，因爲它會導致頁面重新加載。

基本上我想要一個ajax函數，只要按下按鈕或有人在輸入數據後點擊「enter」就會被調用。是的，我可以刪除表單標籤，並添加只是從按鈕的onclick事件調用函數，但我也希望「擊中回車」功能，而不是所有的hackish。

Answer 1

通過在您從提交按鈕調用的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> 

Answer 2

作爲按鈕的onclick事件的一部分，返回false將停止表單提交。

即：

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

而且只需撥打提交按鈕點擊該功能。有很多不同的方法。

Answer 3

如何

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

Answer 4

使用jQuery。也許把一個div放在你表單的元素周圍。然後使用preventDefault（）方法，然後讓你的Ajax調用

Answer 5

您可以使用下面的HTML

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

Answer 6

它也適用：

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

Answer 7

<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>