Jquery 使用两个按钮提交处理程序？

Question

我有一个问题。
我创建了一个带有 jQuery 验证的表单输入，并使用 Ajax.
提交我使用一个提交处理程序没有问题，但是如何使用两个按钮来完成呢？

按钮

<table border="0" align="center" cellpadding="1" cellspacing="0">
    <tr>
        <td align="center">
            <input type="submit" value="SAVE CONTINUE" name="SC" id='SC' class="ui-input-btn ui-btn ui-shadow" data-role="button">
        </td>
        <td align="center">
            <input type="submit" value="SAVE FINISH" name="SF" id='SF' class="ui-input-btn ui-btn ui-shadow" data-role="button">
        </td>
</table>

和行动

$(document).ready(function(){
    checkConnection();
        $("#FORMX").validate({
                //errorClass:'myClass',
                rules: {
                    PRODUK: {
                        required: true
                        //NOSYMBOL: false
                    },
                    SHIFT:{
                        required: true
                    }
                },
                messages: {
                    PRODUK: {
                        required: "Barang belum terisi"
                    },
                    SHIFT:{
                        required: "Shift belum dipilih"
                    }
                },
                submitHandler: function(form) {
                    $.ajax({
                        type:"POST", 
                        url: "adonan_action.php",
                        dataType: "json",
                        data: $("#FORMX").serialize() + "&KOPLO=tipe",
                        success: function(data){
                            //alert(data);
                            //if($.trim(php_script_response) == "sukses"){
                            if(data.status == "sukses"){
                                alert('Input Berhasil');
                                //window.location='logout.php';
                            }
                            else if(data.status == 'gagal'){
                                alert("Error on query!");
                            }
                       },
                    });//end ajax
                }
           });//end validate
        });//end ready function

如何处理按钮 id="SF"？
我这样试过，还是不行。

submitHandler: function(form) {
    $("#SC").on("click", function(){
        var tipe = "SC";
    });
    $("#SF").on("click", function(){
        var tipe = "SF";
    });
    $.ajax({
        type:"POST", 
        url: "adonan_action.php",
        dataType: "json",
        data: $("#FORMX").serialize() + "&KOPLO=tipe",
        success: function(data){
            //alert(data);
            //if($.trim(php_script_response) == "sukses"){
            if(data.status == "sukses"){
                alert('Input Berhasil');
                //window.location='logout.php';
            }
            else if(data.status == 'gagal'){
                alert("Error on query!");
            }
            },
        });//end ajax

我只需要从按钮中捕获不同的 id 或值，然后我会将其与 ajax 一起发送到另一个页面。
有人可以帮忙吗？

Answer 1

从下面的代码中您可以找到点击了哪个按钮。这是你想要的吗？？ 1. 创建一个全局变量，在下面的代码中是 btnClicked 2. 在 html 标记中，添加 onlclick 以便在单击 btn 时更改 btnClicked 3. 在 Ur 提交处理程序中访问此 btnClicked 变量

参考下面的代码!!!!

submitHandler: function(form) {
    alert(btnClicked); //Here in thi variable you can find the id of the btn clicked :)
    $.ajax({
      type: "POST",
      url: "adonan_action.php",
      dataType: "json",
      data: $("#FORMX").serialize() + "&KOPLO=tipe",
      success: function(data) {
        //alert(data);
        //if($.trim(php_script_response) == "sukses"){
        if (data.status == "sukses") {
          alert('Input Berhasil');
          //window.location='logout.php';
        } else if (data.status == 'gagal') {
          alert("Error on query!");
        }
      },
    }); //end ajax

<script>
  var btnClicked = "";
</script>
<table border="0" align="center" cellpadding="1" cellspacing="0">
  <tr>
    <td align="center">
      <input type="submit" value="SAVE CONTINUE" name="SC" id='SC' onclick="btnClicked = 'SC'" class="ui-input-btn ui-btn ui-shadow" data-role="button">
    </td>
    <td align="center">
      <input type="submit" value="SAVE FINISH" name="SF" id='SF' onclick="btnClicked = 'SF'" class="ui-input-btn ui-btn ui-shadow" data-role="button">
    </td>
</table>

Answer 2

我已经解决了，像这样

    $("#SC").on("click", function(){

                //var BTN = "SC";

                if($("#FORMX").valid()){
                     $.ajax({
                               type:"POST", 
                                url: "produksi_action.php",
                                dataType: "json",
                               data: $("#FORMX").serialize() + "&KOPLO=SC",

                               success: function(data){

                                   alert(data);
                                  //if($.trim(php_script_response) == "sukses"){

                                   if(data.status == "sukses"){
                                         alert('Input Berhasil');

                                    }
                                    else if(data.status == 'gagal'){
                                         alert("Error on query!");
                                    } 
                               },error:function(dt){
                                   alert("error");
                               }


                            });//end ajax
                }
                else{

                    alert('Tolong Lengkapi Kolom yang Kosong..!');

                }






            });//end click



            $("#SF").on("click", function(){

                //var BTN = "SC";

                if($("#FORMX").valid()){
                     $.ajax({
                               type:"POST", 
                                url: "produksi_action.php",
                                dataType: "json",
                               data: $("#FORMX").serialize() + "&KOPLO=SF",

                               success: function(data){

                                   alert(data);
                                  //if($.trim(php_script_response) == "sukses"){

                                   if(data.status == "sukses"){
                                         alert('Input Berhasil');

                                    }
                                    else if(data.status == 'gagal'){
                                         alert("Error on query!");
                                    } 
                               },error:function(dt){
                                   alert("error");
                               }


                            });//end ajax
                }
                else{

                    alert('Tolong Lengkapi Kolom yang Kosong..!');

                }






            });//end click

不需要提交处理程序。

谢谢

Jquery 使用两个按钮提交处理程序？

Jquery submit handler with two button?

javascript

ajax

jquery

json

submit