如何更改前端页面的提示信息的颜色

如题，我在用django框架开发一个电商网站的时候，需要用户进行注册登录操作。后来我发现功能上不是很完美，就自己研究怎么去完善它。在遇上验证码输入正确与否不会变色，如图

 

无论我怎么输入都是没有颜色的。

在前端登录页面上面我是这样定义验证码的，

 <input type="text" style="height:36px;width: 100px;" id="code" onblur="checkCode(this.value)"><img src="/userapp/loadcode/" onclick="changeCode(this)"><span id="cSpan"></span>

 然后我再在这个网页的代码中定义了这样的一个事件

    function checkCode(txt){
        var cflag = false;
        $.ajax({
            // userapp下的checkCode方法 视图函数
            url:'/userapp/checkCode/',
            type:'get',
            // 获取视图函数的code
            // 获取之后和生成的对比
            data:{'code':txt},
            // 禁止异步操作
            async:false,
            success:function(result){
                var flag = result.vflag;
                if(flag){
                    cflag = true;
                    // 正确style="color:red;"
                    $('#cSpan').text('验证码正确');
                    document.getElementById("cSpan").style.color='green';
                      
                }else{
                    // 错误 style="color:red;"
                    $('#cSpan').text('验证码错误');
                    document.getElementById("cSpan").style.color='red';
                   
                }
            }
        })

做一个判断，再通过定义的id来获取这个标签，然后加上颜色这个样式就行了