Javascript 多次提交表格
我一直在使用jQuery1.8.3,有两个表单和两个单选按钮,单击单选按钮时将显示表单。我在这里做的是,当点击save按钮时,我会检查选中了哪个单选项,这取决于表单是否提交,问题是在一次表单提交后,该请求以ajax的形式进行,所以我不会在一次提交后刷新页面,当点击save按钮时,表单将提交两次,下次提交4次 js代码 htmlJavascript 多次提交表格,javascript,jquery,html,ruby-on-rails,ajax,Javascript,Jquery,Html,Ruby On Rails,Ajax,我一直在使用jQuery1.8.3,有两个表单和两个单选按钮,单击单选按钮时将显示表单。我在这里做的是,当点击save按钮时,我会检查选中了哪个单选项,这取决于表单是否提交,问题是在一次表单提交后,该请求以ajax的形式进行,所以我不会在一次提交后刷新页面,当点击save按钮时,表单将提交两次,下次提交4次 js代码 html 请改为这样做 $(function() { $("#lForm1").on("submit", function(e) { e.preventDefault(
请改为这样做
$(function() {
$("#lForm1").on("submit", function(e) {
e.preventDefault(); // stop submission
if ($("#b1").is(":checked")) {
$.ajax({url:$("#lform1").prop("action"),data:$("#lform1").serialize()});
}
else if ($("#b2").is(":checked")) {
$.ajax({url:$("#lform2").prop("action"),data:$("#lform2").serialize()});
}
});
});
有多个表格吗?是的@Kuldeep,有两个表格,但一次只能提交一个表格。请发布完整的html。嗨,谢谢你的回复,但这会产生一些错误,如未捕获的语法错误:意外标记:类似于-您没有发布足够的信息来逐字记录我的建议-只需研究preventDefault和on submit的使用等部分,假设您有一个submit按钮-否则使用收音机的点击我添加了一个缺少的url和一些花括号
<input type="radio" name="optionsRadios" id="b1" checked>
<input type="radio" name="optionsRadios" id="b2" >
<%= form_tag '/contact/create_check', method: :post, remote: true, id:
'lForm1' %>
<%= form_tag '/contact/create_count', method: :post, remote: true, id:
'lForm2' %>
<input type="button" class="btn btn-success save" value="Save" />
$(function() {
$("#lForm1").on("submit", function(e) {
e.preventDefault(); // stop submission
if ($("#b1").is(":checked")) {
$.ajax({url:$("#lform1").prop("action"),data:$("#lform1").serialize()});
}
else if ($("#b2").is(":checked")) {
$.ajax({url:$("#lform2").prop("action"),data:$("#lform2").serialize()});
}
});
});