jQuery 在填充所有字段之前禁用继续按钮答案

【问题标题】：jQuery disable continue button before filling all the fieldsjQuery 在填充所有字段之前禁用继续按钮
【发布时间】：2015-09-02 03:58:36
【问题描述】：

我想使用 jQuery 禁用锚标记内的图像按钮。我的要求是，在填写所有表单字段之前应禁用该按钮。

<form name="signupFrm" id="signupFrm">
 <input type="text" />
 <a href ="javascript:void(0)" class="btnspc1 continueBtn submit"> <img src="images/continue-button.png" alt="jio money"/></a>
</form>

我尝试了以下方式，但没有运气

$form = $('#signupFrm'); // cache
$form.find('a.submit img').prop('disabled', true); // disable submit btn

【问题讨论】：

你不能禁用图像...你需要在点击处理程序中检查它...但是如果你想给一个禁用的外观和感觉使用一个类
disabled 不是 DOM 图像的属性。
看看这个stackoverflow.com/questions/2211652/…

标签： jquery

【解决方案1】：

要使按钮具有禁用外观，您可以使用以下 CSS：

.disabled {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}

然后将样式应用到您的按钮，如下所示：

$('a.submit img').addClass("disabled");

并像这样删除它：

$('a.submit img').removeClass("disabled");

演示：JSBin

【讨论】：

我刚刚添加了一个演示，您可以在其中键入并查看它在您键入时禁用或启用

【解决方案2】：

img 没有直接禁用的选项，您应该使用 2 张图像进行编程，其中 1 张带有一点灰色，另一张带有明亮的颜色并且您应该对 click 事件进行编程以返回 false 和 preventDefault() 像这样

重复：Gray out image with CSS?

重复：How can I disable the color of an image using css?

重复：How do you make an anchor link non-clickable or disabled?

【讨论】：