Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 多次提交表格_Javascript_Jquery_Html_Ruby On Rails_Ajax - Fatal编程技术网

Javascript 多次提交表格

Javascript 多次提交表格,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(

我一直在使用jQuery1.8.3,有两个表单和两个单选按钮,单击单选按钮时将显示表单。我在这里做的是,当点击save按钮时,我会检查选中了哪个单选项,这取决于表单是否提交,问题是在一次表单提交后,该请求以ajax的形式进行,所以我不会在一次提交后刷新页面,当点击save按钮时,表单将提交两次,下次提交4次

js代码

html


请改为这样做

$(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()});
    }
  });
});