Javascript addClass with：選擇器後

我正在使用addClass來驗證我的表單。這是我的javascript： -Javascript addClass with：選擇器後

if (name.val()=='') { 
    name.addClass('highlight'); 
    return false; 
} else name.removeClass('highlight');

，並與我加入類的CSS是這樣的： -

#coverup .highlight { 
    border: 1px solid #a94442; 
}

而且兩者的作品上面這個腳本，並沒有問題，但我想添加一個glyphicon到文本字段以及更改邊框顏色，以便錯誤對用戶更加突出。

然後，我決定索性改做其他addClass方法的代碼如下所示： -

if (name.val()=='') { 
    name.addClass('highlight'); 
    name.addClass('highlight:after'); 
    return false; 
} else name.removeClass('highlight'); name.removeClass('highlight:after');

，並隨後改變了我的CSS來此： -

#coverup .highlight { 
    border: 1px solid #a94442; 
} 
#coverup .highlight:after { 
    content:"\2715"; 
    color: red; 
}

但是這樣做不是招」 t解決了我的問題，任何人都可以給我一些選擇或指導，以便我可以簡單地將文字添加到文本字段的末尾（如果沒有填充以及使邊框更改顏色）。

謝謝！

來源

2014-04-03 Sam Joy

當你使用'：after'時，css認爲它是[僞類選擇器]（https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes）...只是使用'.highlight_after'或'.highlightAfter'代替... – rafaelcastrocouto

'hightlight'是一個錯字。 –

@rafaelcastrocouto既沒有工作，謝謝你，但任何其他幫助？ –

<input />元素不能有子節點。
::before and ::after將psuedo-elements分別視爲插入第一個和最後一個「真實」孩子之前的孩子。

上述兩個事實考慮，不能應用::before或::after到<input />元素。

來源

2014-04-03 14:04:41

所以，沒有辦法通過這種方法或任何方法在textfield中沒有文本時添加圖形？ –

你*可以*使用'background-image'。 –

我以前使用過，但我無法弄清楚如何將圖像添加到最右邊的填充，所以它的整潔，以及如何調整背景圖像？任何幫助@Niet the Dark Absol –

Javascript addClass with：選擇器後

回答

相關問題