表单未提交即提交
Form is submitting without submit
我有一个表单元素,没有输入类型="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>
阻止窗体的默认操作submit
。
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();
}
HTML
<form method='post' action='build_meet.html' id='meet_builder_form'>
....
<button onclick='submit_this_meet(event)' >Submit</button>
</form>
Kinjal是正确的。按钮的默认类型(未声明时)为"提交"。您必须声明type="button"
以避免按钮提交表单。
相关文章:
- Jquery提交表单而不刷新
- 如何在提交表单时将PHP变量传递到Javascript cookie中
- 每次提交表单时都会重新加载网页
- Razor中的自动提交表单
- 使用 JavaScript 自动提交表单
- 点击相同的按钮打开模型,然后提交表单
- 添加和删除隐藏字段数组中的值,而不提交表单
- 使用Ajax提交表单
- jQuery:使用“jQuery验证”后无法提交表单's远程验证
- 如何在不重新加载的情况下提交表单,并使用Node+Express将数据传递回同一页面
- 有登录表单时无法提交表单
- 带有select的jquery提交表单不起作用
- 如何防止回车键提交表单,但仍然允许回车工作
- 使用按钮和单选按钮提交表单,但始终使用相同的值
- 在提交表单之前确定重复值
- 如何创建动态ajax提交表单
- HTML提交表单,同时包含空字段检查和按钮隐藏
- 如何使用jQueryAjax使用动态html输入texbox提交表单
- 当触发下拉列表的onchange事件时,使用JavaScript提交表单
- 提交表单后,Watir文本框输入未持续(重置为以前的文本框输入)