填充字段后更改不透明度

Question

我目前有一个 child 的图像，单击该图像将显示 child 的表单字段（姓名和生日）。我还有一张父亲的照片，点击它会显示父亲的表单字段（姓名和生日）。我将父亲的图像不透明度设置为 50%，点击后会提醒用户必须先完成 child 的字段，如果用户已经完成 child 的字段，则将显示父亲的字段。

但是，我希望当用户输入完child的所有表单域后，父亲图像的不透明度将自动为100%（表示用户现在可以填写父亲的详细信息）。我需要使用自定义事件吗？我在这里尝试使用 jQuery。任何建议将不胜感激。

Answer 1

如评论所述：

此处最简单的解决方案是将 blur 事件附加到您的输入框，检查它的值（以及表单上其他字段的值）。如果它们都有（有效）值，则设置父图像的不透明度。类似于：

$("input").on("blur", function () { 
    //check all input values, as well as this one
    if (valid) {
       //set opacity to your image
    }
});