不让我在同一个按钮上提交和onclick

在前端开发中，按钮是常见的交互元素之一，通过点击按钮可以触发相应的事件。其中，onclick是一种常用的事件处理函数，用于指定按钮被点击时执行的操作。然而，有时候我们希望在同一个按钮上禁止重复提交，即在点击按钮后禁用按钮，防止用户多次点击造成重复操作。

为了实现禁止重复提交的效果，可以通过以下步骤进行操作：

1. 在HTML中定义一个按钮元素，并为其添加一个唯一的id属性，例如：

<button id="submitBtn" onclick="submitForm()">提交</button>

1. 在JavaScript中获取按钮元素，并在点击按钮后禁用按钮，例如：

function submitForm() {
  var submitBtn = document.getElementById("submitBtn");
  submitBtn.disabled = true;
  // 执行表单提交操作或其他操作
}

在上述代码中，通过getElementById方法获取到按钮元素，并将其disabled属性设置为true，从而禁用按钮。接下来，可以在submitForm函数中执行表单提交操作或其他操作。

需要注意的是，禁用按钮后，用户将无法再次点击按钮进行提交。如果需要在某些条件下重新启用按钮，可以在适当的时机将disabled属性设置为false。

总结起来，禁止在同一个按钮上提交和onclick的方法是通过在点击按钮后禁用按钮来实现的。这样可以避免用户多次点击按钮造成重复操作。