时间戳

首页 > 解决方案 > 提交按钮在其属性更改时不发布

javascript - 提交按钮在其属性更改时不发布

问题描述

我正在使用表单和其中的提交按钮以 html 调用对服务器的发布请求

在提交按钮中，我使用 onclick 事件在发布请求之前更改 UI 中的某些内容。当我不对提交按钮进行任何更改时，一切都很好，它会成功发布请求。但是，如果我更改提交按钮中的任何内容，例如值、禁用属性……那么它不会发布请求

这是我的代码

<form action="url"method="post">
    <input type="submit" onclick="return onClick(event)">
</form>

不发布请求的js代码


function onClick(e) {
    const submit = e.target  // or = this
    submit.value = "Clicked"
    submit.disabled = true
    return true
}

成功发布请求的js代码

function onClick(e) {
    alert("Clicked")
    return true
}

有人可以告诉我它没有成功发布的原因以及如何像上面那样在 UI 更改的情况下发布吗？

标签： javascriptonclickform-submit

解决方案

表单是否发送 POST 或 GET 请求取决于其method属性。尝试将您的表格更改为

<form action="url" method="post">
    <input type="submit" onclick="return onClick(event)">
</form>

推荐阅读