javascript - 如何禁用按钮使用户无法再次启用它

Question

我有一个简单的按钮（例如带有 ID: new-product）。
当我单击它时，它将部分视图添加到页面上的指定div位置。
是否可以在按钮上设置禁用，new-product以便用户无法再次单击它。
还要防止该用户在浏览器中更改某些内容并将其true再次设置为启用？

Answer 1

这应该可以解决问题

$('#new-product').attr('disabled','disabled')

启用

$('#new-product').removeAttr('disabled');

或者您可以将 attr 设置为 ""

$('#new-product').attr('disabled', '');

Answer 2

您可以按照 sambormartin 的建议在按钮上设置 disabled 属性，但用户始终可以从他们的浏览器中更改 HTML、CSS 和 javascript。您不能依赖客户端验证。您必须验证服务器端的所有输入。