jquery - 添加类后注入(inject) CSS

Question

我正在通过 PHP 和 JS 进行表单验证，我正在尝试更改图标颜色，如下所示:

单击提交按钮后，我发送“电子邮件”数据以在服务器中进行验证。之后，客户端收到值 1 表示已验证，0 表示未验证。

如果输入有效，边框颜色将变为绿色，图标颜色也会变为绿色。如果输入无效，边框颜色将变为红色，图标也一样。

代码如下:

    <script>
       $(document).ready(function(){
           $('.red').css('color',"red");
           $('.green').css('color',"green");
       });
    </script>

    if(email==1){
       $("#email").css("border","1px solid red");
       $("#icon-email").removeClass("glyphicon glyphicon-asterisk"); 
       $("#icon-email").addClass("glyphicon glyphicon-remove"); 
       $("#icon-email").addClass("red"); 
    }
    else{
       $("#email").css("border","1px solid green"); 
       $("#icon-email").removeClass("glyphicon glyphicon-asterisk"); 
       $("#icon-email").addClass("glyphicon glyphicon-ok"); 
       $("#icon-email").addClass("green"); 
       $("#email").val(cookie_email);
   }

问题是我不能改变图标颜色，但我可以改变边框颜色。我试图在创建类之后和之前放置 jquery，但没有成功。有什么建议吗？

Answer 1

您需要在 CSS 文件中定义 red 和 green 类:

.red { color: red; }
.green { color: green; }