禁用和启用表单提交按钮

时间:2012-11-12 20:32:42

标签: javascript html forms

我一直在尝试创建一些javascript来禁用一个提交按钮,这个按钮是一个锚标签,当页面加载然后填充所有表单输入和textareas时,它将被启用,按钮的类将在启用时也需要更改。

我有一些不成功的编码并发现了一种jquery方法,但是这没有用,因为我使用的是锚标签而不是输入按钮

3 个答案:

答案 0 :(得分:0)

禁用任何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();   
    }​​​

答案 1 :(得分:0)

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

使用类似的jQuery:

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

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

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

这会导致按钮被启用,现在具有类.enabled

答案 2 :(得分:0)

在jQuery中,您可以通过return false

完成此操作
$("#disable_button").click(function(){
   //somethings you need
   return false;
});