javascript - 禁用和启用表单提交按钮

Question

我一直在尝试创建一些 javascript，它会在页面加载时禁用作为锚标记的提交按钮，然后在填写所有表单输入和文本区域时，它将被启用，并且按钮的类也需要启用时更改。

我有一些不成功的编码，并找到了一种 jquery 方法，但这不起作用，因为我使用的是锚标记而不是输入按钮

Answer 1

要禁用任何a标签：

$('a').click(function(event)
{
  event.preventDefault();
});

如果您知道锚标记的 id 或类，则分别使用 $('#aId') o $('.aId')

如果你不想使用 jQuery：

var anchors = document.querySelectorAll('a');
for (var i = 0; i < anchors.length; i++ )
    anchors[i].onclick = function(event)
    {
     event.preventDefault();   
    }​​​

Answer 2

您必须防止触发链接点击事件。

使用 jQuery 类似于：

$('a.disabled').on('click', function(event){
    event.preventDefault();
});

因此，当表单准备好提交时，您可以运行以下命令：

$('a.disabled').toggleClass('disabled enabled');

这会导致按钮被启用并且现在有类.enabled

Answer 3

在 jQuery 中，您可以简单地通过return false

$("#disable_button").click(function(){
   //somethings you need
   return false;
});