JavaScript 禁用按钮单击
在 JavaScript 中，disabled 属性仅适用于以 type="submit" 为根的按钮。否则，它不会像一个提交按钮那样起作用；相反，它将接受多个提交。
类似地，jQuery 属性 disabled 适用于具有 submit 类型的按钮。另外，表单提交方法在这方面非常重要。
在我们的示例集中，我们将看到 JavaScript disabled 属性和 jQuery disabled 属性的实现。
使用 JavaScript disabled 属性禁用按钮单击
通常，我们定义一个表单及其方法来确保提交的目的。无论如何，JavaScript 的属性 disabled 让我们可以让按钮处于非活动状态。
在这里，我们将启动一个表示 submit 类型的 input 字段。稍后获取 input 标签的实例，我们将触发 disabled 属性。
代码片段：
<body>
<p>Click the button to submit data!</p>
<p>
<input type='submit' value='Submit' id='btClickMe'
onclick='save();'>
</p>
<p id="msg"></p>
</body>
<script>
function save() {
var dis = document.getElementById('btClickMe').disabled = true;
var msg = document.getElementById('msg');
msg.innerHTML = 'Data submitted and the button disabled ☺';
}
</script>
</html>
输出：
使用 jQuery disabled 属性禁用按钮单击
在 jQuery 中，我们将有一个类似的 disabled 属性用例。这里的区别是我们将在 form 标签内启动 input 字段（submit 类型按钮）。
我们将确保这是否也适用于表单。
代码片段：
<body>
<form id="fABC" action="#" method="POST">
<input type="submit" id="btnSubmit" value="Submit">
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<input type="button" value="i am normal button" id="btnTest">
<script>
$(document).ready(function () {
$("#fABC").submit(function (e) {
e.preventDefault();
$("#btnSubmit").attr("disabled", true);
$("#btnTest").attr("disabled", true);
return true;
});
});
</script>
</body>
</html>
输出：
禁用按钮的 jQuery 方法类似于 JavaScript。在示例中，我们添加了一个带有 type=button 的通用按钮，该按钮无法由 disabled 属性或属性处理。
这就是 JavaScript 或 jQuery disabled 属性如何使提交按钮处于非活动状态。
相关文章
在 JavaScript 的警报框中显示变量值
发布时间：2024/03/18 浏览次数：166 分类：JavaScript
-
在本文中，我们将通过不同的示例了解 JavaScript 中的 Alert 方法是什么，以及 JavaScript 中警报框的用途和好处。
JavaScript 中的内联 if 语句
发布时间：2024/03/18 浏览次数：171 分类：JavaScript
-
JavaScript 条件语句可以使用内联 if 语句进行操作，也称为三元运算符。另一种方法是使用逻辑运算符来获得可感知的答案
JavaScript 使用 if 语句中的的 OR 条件
发布时间：2024/03/18 浏览次数：132 分类：JavaScript
-
JavaScript 包含条件语句，如 if else 语句、switch case 等。这些语句是有条件的，用于检查给定条件是否为 True OR Not，为此我们使用 OR ||和 && 运算符。
等价于 Ruby 的 unless 的 JavaScript 中的语句
发布时间：2024/03/18 浏览次数：178 分类：JavaScript
-
JavaScript 没有内置的除非条件或任何方法来处理。相反，它根据基本的 if-else 条件和三元条件进行决策。在 JavaScript 中，unless 可以通过用户定义的函数来实现，或者简单地否定一般的
使用 JavaScript 将 HTML 添加到 div 中
发布时间：2024/03/18 浏览次数：65 分类：JavaScript
-
通过 JavaScript 初始化一个 div 元素通常遵循 createElement() 方法。另一个先前的约定是使用 insertAdjacentHTML() 方法来定义一个 div 元素。
JavaScript 重新加载 DIV
发布时间：2024/03/18 浏览次数：89 分类：JavaScript
-
要在 HTML 正文中重新加载 div 内容，可以使用 jQuery 的 .load() 函数，与 window.location.href 合并并使用它选择所有其他 div。此外，了解进程是否正常工作的另一个关键部分是设置时间间隔。
在 JavaScript 中自动滚动到页面底部
发布时间：2024/03/18 浏览次数：92 分类：JavaScript
-
本文教你如何在 JavaScript 中自动滚动到页面底部。它还教你如何在 JavaScript 中使用和不使用动画进行滚动。
在 JavaScript 中设置滚动位置
发布时间：2024/03/18 浏览次数：160 分类：JavaScript
-
在界面中设置滚动位置可以通过 JavaScript 以多种方式实现。我们可以使用 scrollTo() 方法、scrollBy() 方法等。
