具有多个提交按钮的JQuery表格插件

我正在使用JQuery表格插件（http://jquery.malsup.com/form/）创建一个Ajax表单。具有多个提交按钮的JQuery表格插件

我想把两个提交按钮来处理表单提交和表单保存操作。我需要根据我想要执行的操作提交到两个不同的URL：提交或保存。

我不是很确定如何获得点击的实际提交按钮的值，然后通过基于此信息的AJAX提交表单。我需要一点帮助。

为了记录在案，我使用类似于下面列出的代码语法（这是不实际的代码）：

// prepare Options Object 
var options = { 
    target:  '#divToUpdate', 
    url:  'comment.php', 
    success: function() { 
     alert('Thanks for your comment!'); 
    } 
}; 

// pass options to ajaxForm 
$('#myForm').ajaxForm(options);

感谢

来源

2010-08-04 Obinwanne Hill

我可能没有在发布前仔细研究过。我很抱歉。

我这样做是为了梳理出来（这是一个代码示例）：

var $_ = jQuery; 

$_(document).ready(function() { 
    $_("#id_submitbutton_1").click(function(){ 
     $_("#form_id").ajaxForm(options_1); 
    }); 
    $_("#id_submitbutton_2").click(function(){ 
     $_("#form_id").ajaxForm(options_2); 
    }); 
});

感谢拉利特，我觉得你接近我需要做的。

干杯。

来源

2010-08-04 04:55:10

附上JS给这两个按钮和在JS做基于URL

<input id="submit" type="submit" value="Submit"/> 
    <script type="text/javascript"> 
    $(function() { 
    $("#submit").click(function() { 

    } 
} 
</script>

来源

2010-08-04 04:39:21 lalit

使用普通按钮的形式提交，并检查被点击了哪个按钮（通过检查值属性），然后手动提交表单.........

来源

2010-08-04 04:41:32 Deepak

我知道这是一个老问题，但我有这个完全相同的问题，并找到比这里发布的更好的解决方案。在这种情况下，您应该使用ajaxSubmit而不是ajaxForm。你需要控制表单，所以你只需要放弃对提交按钮的控制。

$('#button1').click(function() { 
    // submit the form 
    $('#form').ajaxSubmit(options1); 
}); 
$('#button2').click(function() { 
    // submit the form 
    $('#form').ajaxSubmit(options2); 
});

当然，你可以在此使用方式不尽相同，但ajaxForm是不必要的矫枉过正。

来源

2012-07-20 12:22:47 SinistraD

具有多个提交按钮的JQuery表格插件

回答

相关问题