jQuery 在填写所有字段之前禁用继续按钮

Question

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

<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

Answer 1

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

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

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

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

并像这样删除它:

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

演示:JSBin