Question

我正在使用https://jqueryvalidation.org/插件和https://craftpip.github.io/jquery-confirm插件。

我的脚本代码：

=RANDBETWEEN(40,80)

和表格：

$("#form1").validate({
  submitHandler: function(form) {

            $.confirm({
                title: 'Confirm',
                content: 'Are you sure?',
                buttons: {
                    ok: {
                        text: "OK",
                        btnClass: 'btn-success',
                        action: function () {           
                            form.submit();
                        }
                    },
                    cancel: {
                        text: "Annulla",
                        action: function () {
                            }
                        }
                }
            });     


        }
);

页面本身index.php：

<form id="form1" name="form1" action="index.php" method="post">
  <input type="text" name="var1" value="1">
  <input type="text" name="var2" value="2">
  <input type="text" name="var3" value="3">
  <button type="submit" class="btn btn-info" value="edit" name="action">EDIT</button>
</form>

问题是按钮提交没有通过!!我不知道为什么。我的var_dump说有3个输入类型=＆＃34; text＆＃34;但不是按钮。

我尝试删除jquery-confirm并且没关系，所有输入和按钮类型提交都已通过：

if ( isset($_POST['action']) && $_POST['action'] == "edit" ) {
   echo "EDITED";
   exit();
}

var_dump($_POST);

我不知道如何解决。我不知道如何使用$ _POST和PHP发布jsfiddle示例。

Answer 1

多数民众赞成因为submit()不包含提交按钮。您必须手动按下按钮的值。

关于如何做到这一点的一个例子：

$('document').ready(function() {
$("#form1").validate({
  submitHandler: function(form) {

            $.confirm({
                title: 'Confirm',
                content: 'Are you sure?',
                buttons: {
                    ok: {
                        text: "OK",
                        btnClass: 'btn-success',
                        action: function () { 
                            let variables = $('#form1').serializeArray();
                            variables.push({name: $('#form1 button').attr('name'), value: $('#form1 button').attr('value')})

                            // Perform custom XHR here ($.ajax) with `variables`

                        }
                    },
                    cancel: {
                        text: "Annulla",
                        action: function () {
                            }
                        }
                }
            });     


        }
});
});

https://jsfiddle.net/n2gwjvqd/2/

PS：缓存jquery选择器是有意义的

variables.push({name: $('#form1 button').attr('name'), value: $('#form1 button').attr('value')})

可能会成为

let button = $('#form1 button');
variables.push({name: button.attr('name'), value: button.attr('value')})

Jquery-confirm插件没有提交按钮类型=＆＃34;提交＆＃34;在jquery-validation里面？

1 个答案: