我有一个表单元素，没有输入type='submit'。我使用带有onclick的按钮来调用函数，如下所示：
<form method='post' action='build_meet.html' id='meet_builder_form'>
....
<button onclick='submit_this_form()' >Submit</button>
</form>
该功能定义为：
function submit_this_form() {
var my_teams = [];
for ( var i = 0 ; i < window.my_meet.teams.length; i++ ) {
my_teams.push( window.my_meet.teams[i].team_id );
}
var my_teams_str = my_teams.join('|');
document.getElementById('team_ids_list').value = my_teams_str;
alert ( my_teams_str );
//document.getElementById('meet_builder_form').submit();
}
请注意，实际提交表单的行已被注释掉。当我单击按钮时，不会生成警报，表单仍会提交。
思想？
试试这个，
<form method='post' action='build_meet.html' id='meet_builder_form'>
....
<button type="button" onclick='submit_this_form()' >Submit</button>
</form>
防止窗体的默认操作，即提交。
function submit_this_form(e) {
e.preventDefault();
var my_teams = [];
for ( var i = 0 ; i < window.my_meet.teams.length; i++ ) {
my_teams.push( window.my_meet.teams[i].team_id );
}
var my_teams_str = my_teams.join('|');
document.getElementById('team_ids_list').value = my_teams_str;
alert ( my_teams_str );
//document.getElementById('meet_builder_form').submit();
}
超文本标记语言
<form method='post' action='build_meet.html' id='meet_builder_form'>
....
<button onclick='submit_this_meet(event)' >Submit</button>
</form>
金加尔是正确的。按钮的默认类型（未声明时）为“提交”。您必须声明type=“button”，以避免按钮提交表单。
