填写字段后更改不透明度

Question

我目前有一张儿童的图片，点击后会显示孩子的表单字段（姓名和生日）。我还有一张父亲的照片，点击后会显示父亲的表格字段（姓名和生日）。我已经将父亲的图像不透明度设为50％，点击后会提醒用户他们必须先完成孩子的字段，如果用户已经完成了孩子的字段，父亲的领域将会出现。

但是，我希望当用户输入所有孩子的表单字段时，父亲图像的不透明度将自动为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
    }
});