首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >用css对文本进行jQuery着色

用css对文本进行jQuery着色
EN

Stack Overflow用户
提问于 2011-01-13 07:26:01
回答 2查看 138关注 0票数 0

我在向span元素中添加类时遇到了一些小问题,为了执行简单的验证,对其进行着色。

这是我的js:

代码语言:javascript
运行
复制
     function validateKey(){
        var length = $('#appkey').val().length; 
        if(length != 8){
            $('#appkey').addClass('error');
            $('#appKeyInfo').addClass('error');
            return false;
        }else{
            $('#appkey').removeClass('error');
            $('#appKeyInfo').removeClass('error');
            return true;
        }
      }

和html:

代码语言:javascript
运行
复制
<label>KEY</label></br>
<input type="text" id="appkey" value=""/></br>
<span id="appKeyInfo">Dein App-Key aus 8 Ziffern</span>  

还有小提琴:示例

有什么想法吗?

更新:着色appKeyInfo失败,着色应用程序工作。当我删除颜色:红色和类型字体重量:粗体代替,文字是粗体的错误。当我删除appKeyInfo的颜色定义时,文本可以在错误时被红色,奇怪的东西,但是我需要appKeyInfo的字体颜色。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-01-13 07:46:25

span#appKeyInfo的声明优先,因为它是您正在设计的id。尝试使用color:red !important强制重写

编辑

请注意,您可以在jQuery中使用多个选择器。如下所示:

代码语言:javascript
运行
复制
$('#appkey', '#appKeyInfo').removeClass('error');
票数 2
EN

Stack Overflow用户

发布于 2011-01-13 07:49:05

您的比较运算符是错误的,请使用小于运算符:

代码语言:javascript
运行
复制
  function validateKey(){
    var length = $('#appkey').val().length;    
    if(length < 8){
        $('#appkey').addClass('error');
        $('#appKeyInfo').addClass('error');
        return false;
    }else{
        $('#appkey').removeClass('error');
        $('#appKeyInfo').removeClass('error');
        return true;
    }
  }
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4677718

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档