从输入类型=按钮onClick提交JQuery函数

时间:2014-11-22 00:37:21

标签: jquery button onclick submit

我有这个JQuery方法论,我在同一个文档中的几个表单中使用,只是使用不同的函数名称。 我需要能够从<input type=button onClick="??">调用特定表单 我无法让它发挥作用。

这是我需要调用/更改的脚本:

function ConvertFormToJSON(form)
{
  var array = $(form).serializeArray();
  var json = {};
  json["comm_type"] = "SFTP";
  jQuery.each(array, function() {
    json[this.name] = this.value || '';
  });
  return json;
}

$(document).ajaxStart(function() {
  $("body").css("cursor","wait");
}).ajaxStop(function() {
  $("body").css("cursor","default");
})

$(document).ready(function()  {
  $( "#sftp_advanced_fieldset").puifieldset({toggleable: true, collapsed: true, toggleDuration: 0});
  $( "#sftp_help").puifieldset({toggleable: true, collapsed: true, toggleDuration: 0});

  $("#test_sftp").bind('submit', function(event){
    // event.preventDefault(); //Why would you cancel default action of submit?                    
    var jsonRequest = JSON.stringify(ConvertFormToJSON(this));
    //alert(jsonRequest);
    $("#results").html("");

    $.ajax({
      type: "POST",
      url: "TEST",                        
      data: jsonRequest,
      dataType: "json"
    }).always(function(results) {
      var jsonResults = JSON.stringify(results);
      if (results.status == "Succeeded") {
        jQuery("#results").html("<h1 style=\"color: #00cc00; \">" + results.status + "</h1>");
    });
等等......等等。

当然使用$("#test_sftp").bind('submit', function(event){ 它从input type="submit"开始工作正常,但我不想这样做。

非常感谢任何帮助。

谢谢。

1 个答案:

答案 0 :(得分:0)

<input type="button" value="Button" onclick="javascript:doSomething()">

工作得很好