Question

我试图在验证错误上对字段元素进行红色边框处理。我有这个css类：

.txsignupRed {
     border: 1px solid #ff5555;
}

将上述类添加到textfield可以正常工作：

$( "#id_of_some_textfield" ).addClass( "txsignupRed" );

但对select做同样的事情不会：

$( "#id_of_some_selectfield" ).addClass( "txsignupRed" );
$( ".some-select-class" ).addClass( "txsignupRed" );

但这确实是出于某种原因：

$(".some-select-class").css('border', "1px solid #ff5555");

我还想通过id引用select，而不是按类引用。我怎样才能使它发挥作用？

小提琴：http://jsfiddle.net/q3v83zzz/

Answer 1

你在样式标签内使用样式而不是脚本

替换

<script type="text/css">

.txsignupRed {
    border: 1px solid #ff5555;
}

</script>

使用

<style type="text/css">

.txsignupRed {
    border: 1px solid #ff5555;
}

</style>

Answer 2

您的文本框HTML代码不正确。您有id中提到的type。它应该是这样的：

<input id="id_of_some_textfield" type="text" />

Readup on <input> on MDN.

此外，对于CSS，请使用@JqueryKing提及的<style>而不是<script>。

请在下面找到更正后的工作代码段：

$( "#id_of_some_textfield" ).addClass( "txsignupRed" );
$( "#id_of_some_select" ).addClass( "txsignupRed" );

.txsignupRed {
    border: 1px solid #ff5555;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="id_of_some_textfield" type="text" />
<select id="id_of_some_select" class="some-select-class">
    <option>asdf</option>
</select>

编辑： Updated fiddle

selectC上的addClass（）

2 个答案: