我在向span元素中添加类时遇到了一些小问题,为了执行简单的验证,对其进行着色。
这是我的js:
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:
<label>KEY</label></br>
<input type="text" id="appkey" value=""/></br>
<span id="appKeyInfo">Dein App-Key aus 8 Ziffern</span> 还有小提琴:示例
有什么想法吗?
更新:着色appKeyInfo失败,着色应用程序工作。当我删除颜色:红色和类型字体重量:粗体代替,文字是粗体的错误。当我删除appKeyInfo的颜色定义时,文本可以在错误时被红色,奇怪的东西,但是我需要appKeyInfo的字体颜色。
发布于 2011-01-13 07:46:25
span#appKeyInfo的声明优先,因为它是您正在设计的id。尝试使用color:red !important强制重写
编辑
请注意,您可以在jQuery中使用多个选择器。如下所示:
$('#appkey', '#appKeyInfo').removeClass('error');发布于 2011-01-13 07:49:05
您的比较运算符是错误的,请使用小于运算符:
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;
}
}https://stackoverflow.com/questions/4677718
复制相似问题