Javascript 一个表单中的两个提交按钮具有不同的操作

我有一个页面要编辑该页面包括一个带有两个按钮（确定和删除）的表单。我通过PHP SELF发送表单。在页面顶部有两个函数，用于测试POST中接收到的内容，如果接收到OK，则执行此操作，如果删除，则执行其他操作。按DELETE（删除）按钮，我将弹出确认消息，并解决此问题。若用户在确认窗口中单击OK，我尝试提交一个带有Jquery函数的表单，但它不起作用

    <?
     if(isset($_POST["delete_page"])){
       echo "DELETE PAGE";
     }
     if(isset($_POST["submit"])){
       echo "SUBMIT PAGE";
     }
    ?>


 <form role="form" data-toggle="validator" method="post" action="<?echo "$_SERVER[REQUEST_URI]";?>" id="update_page_frm">
    <button type="submit" class="btn btn-success" name="submit">אישור</button>
    <button type="button" class="btn btn-danger" name="delete_page" id="delete_page">הסר עמוד</button>
</form>

---

与一个表单关联多个操作是很常见的。更灵活的方法是不使用本机提交类型按钮，而是使用AJAX请求处理这两个操作。例如：

function callAction(action, callback) {
     $.ajax({
         url: '/path/to/submit/to',
         data: {
              action: action,
              form: $('#update_page_frm').serialize()
         },
         success: function(response) {
             callback(response);
         }
    });
};

$('#update_page').on('click', function(e) {
    e.preventDefault();
    callAction('update', function(response) {
         console.log('All done!');
    });
});

$('#delete_page').on('click', function(e) {
    e.preventDefault();
    callAction('delete', function(response) {
         console.log('All done!');
    });
});

---

请注意，上面的代码是在SO上动态编写的，未经测试。但是应该相当接近。

这可能是引号的问题，您的代码没有正确地打开/关闭引号。请尝试以下方法：

<form role="form" data-toggle="validator" method="post" action="<?php echo $_SERVER['REQUEST_URI']; ?>" id="update_page_frm" >
    <button type="submit" class="btn btn-success" name="submit">אישור</button>
    <button type="button" class="btn btn-danger" name="delete_page" id="delete_page">הסר עמוד</button>
</form>

---

使用jquery调用文件时必须使用ajax

$("#delete_page").click(function(){

data1=$("#input").val();

$.ajax({
        type:"post",
        url:"file.php",
        data:"data1="+data1,
        beforeSend: function(){
                        $('#msj').html('<img src="img/Loading.gif"/> Loading...');                          
                    },
        success:function(result){

                alert(result);
                $("#msj").html('');

        }
     });
 });

$（“#删除页面”）。单击（函数（）{
数据1=$（“#输入”）.val（）；
$.ajax({
类型：“post”，
url:“file.php”，
数据：“data1=“+data1，
beforeSend:function（）{
$（'#msj'）.html（'Loading…'）；
},
成功：功能（结果）{
警报（结果）；
$（“#msj”）.html（“”）；
}
});
});
你有小提琴吗？
$("#delete_page").click(function(){

data1=$("#input").val();

$.ajax({
        type:"post",
        url:"file.php",
        data:"data1="+data1,
        beforeSend: function(){
                        $('#msj').html('<img src="img/Loading.gif"/> Loading...');                          
                    },
        success:function(result){

                alert(result);
                $("#msj").html('');

        }
     });
 });