填充字段后更改不透明度

Change opacity after fields are filled

本文关键字：不透明度 字段 填充      更新时间：2023-09-26

我目前有一个孩子的图像，点击时将显示孩子的表单字段（姓名和生日）。我还有一个父亲的图像，点击时将显示父亲的表单字段（姓名和生日）。我已将父亲的图像不透明度设为 50%，单击该图像时会提醒用户他们必须先完成孩子的字段，如果用户已经完成了孩子的字段，将显示父亲的字段。

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

如评论中所述：

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

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