Javascript “提交”按钮的属性更改时不会发布_Javascript_Onclick_Form Submit

Javascript “提交”按钮的属性更改时不会发布

javascript

Javascript “提交”按钮的属性更改时不会发布,javascript,onclick,form-submit,Javascript,Onclick,Form Submit,我使用一个表单和一个提交按钮来调用html中的post请求在提交按钮中，我使用onclick事件在发布请求之前更改UI中的某些内容。当我不更改任何提交按钮时，一切都很好，它成功地发布了请求。但如果我在提交按钮中更改了任何内容，例如值、禁用属性，。。。然后它不会发布请求这是我的密码不发布请求的js代码函数onClick（e）{ const submit=e.target//or=this submit.value=“单击” submit.disabled=true 返回真值 }

我使用一个表单和一个提交按钮来调用html中的post请求

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

这是我的密码

不发布请求的js代码


函数onClick（e）{
const submit=e.target//or=this
submit.value=“单击”
submit.disabled=true
返回真值
}

成功发布请求的js代码

函数onClick（e）{
警报（“单击”）
返回真值
}

有人能告诉我它不能成功发布的原因，以及如何使用上面的UI更改进行发布吗？

表单是否发送post或GET请求取决于它的

方法

属性。尝试将表单更改为

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

表单是否发送POST或GET请求取决于其

方法

属性。尝试将表单更改为

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

您需要使用

submit

方法来获得结果

->将

id

分配给按钮和表单元素，然后获得如下元素：

const btn = document.getElementById('btn');
const form = document.getElementById('form');

始终建议在javascript中使用方法，而不是在HTML模板中使用

form.addEventListener('submit', onSubmit)

->现在您可以在submit方法中更改属性的值，如

function onSubmit(){
    btn.value = "Clicked";
    btn.disabled = true;
    return true
}

按如下方式处理代码段

const btn=document.getElementById（'btn'）；
const form=document.getElementById（'form'）；
函数onSubmit（）{
btn.value=“单击”；
btn.disabled=true；
返回真值
}
表单.addEventListener（'submit'，onSubmit）