jQuery .submit 不工作。无法使用 JQuery 获取按钮的值答案

【问题标题】：jQuery .submit Not working. Unable to get Value of Button using JQueryjQuery .submit 不工作。无法使用 JQuery 获取按钮的值
【发布时间】：2020-06-03 10:28:30
【问题描述】：

jQuery Submit 未提交 .submit(); 上的按钮值

我只是想在点击提交 btn 时显示一个确认引导弹出窗口。

但使用 jQuery .submit() 表单元素“提交”值为空。

HTML 标记：

<form class="form-horizontal" rel="opsform" data-validate="true" role="form" name="frmsetsku" id="frmsetsku" method="post" novalidate="novalidate">
//my input elements

<button class="btn btn-primary btn-sm mr6 " name="Submit" id="btn-action-save" value="Save" type="submit" onclick="return submitSku();"><i class="fa fa-floppy-o bigger-115 ace-icon"></i>Save</button>

</form>

jQuery 代码：

function  submitSku() {
    event.preventDefault();
    bootbox.confirm("This Will Delete All Previous SKU and add Newly Entered SKUs ", function(result) {
        dialog = this;
        if(result) {
            document.getElementById("frmsetsku").submit();
        }
    });
}

PHP 代码：

$submit = initRequestValue('Submit');
//my initPostValue allows me to take post value by name

如果我删除 jQuery，代码可以正常工作，但我添加的 jQuery 提交值没有收到。

【问题讨论】：

为什么需要表格？您只能使用 HTML 标记按钮来触发操作。我看不到哪个 PHP 处理提交？
你在哪里初始化bootbox对象？
如果您使用onclick事件提交表单，则将按钮类型更改为button，而不是submit。

标签： php html jquery

【解决方案1】：

<button> 元素在其 type 属性中具有“按钮”值，指示浏览器提供一个没有关联操作的常规按钮。它的效果必须由其他东西控制，例如JavaScript onClick

由于您使用 Javascript onClick 事件提交表单，请将按钮类型更改为 button。

<form class="form-horizontal" rel="opsform" data-validate="true" role="form" name="frmsetsku" id="frmsetsku" method="post" novalidate="novalidate">
    <button class="btn btn-primary btn-sm mr6 " name="Submit" id="btn-action-save" value="Save" type="button" onclick="return submitSku();"><i class="fa fa-floppy-o bigger-115 ace-icon"></i>Save</button>
</form>

【讨论】：