onsubmit刷新html表单

Question

我正在尝试使用Javascript来提交表单的数据.这是html.

<form onsubmit="post();">
//input fields here
</form>

这是post()函数的Javascript .

var post = function() {
alert('the form was submitted');
return false;
}

我的问题是Javascript运行但表单仍然处理和刷新页面..

我把return false;代码放在希望它会阻止表单刷新.

Answer 1

您必须在onsubmit处理程序中的post()函数之后放置return false部分,如下所示:

<form onsubmit="post();return false;">
//input fields here
</form>

Answer 2

让你的js远离DOM.

<form id="myform" action="somepage.php" method="post">
//input fields
</form>

JQuery的:

$('#myform').submit(function(event){
    alert('submitted');
    event.preventDefault();
});