JavaScriptを使用してCSSパラメータの値を上書きする

Question

何らかのエラーで入力テキストボックスの色を赤に変更したいとします。私が与えたコードにはCSSスタイルシートがあり、そのスタイルシートを使用したい場合は、すべてのテキストボックスの色を赤に変えます。赤にテキストボックスの境界線の色を送信する方法ラウンドがありますか。ここで

テキスト入力

のコードされる（ここで私はちょうど赤に任意の個々のテキストボックスの色を設定するために必要な属性の種類を知りたい、私はエラーのためにどのように見えるか心配していないです）

<input name="count" 
type="number" 
walked="true" 
autocomplete="off" 
class="htmlplusinput numberinput novalue" 
style="width: 24px; " 
id="htmlplusinputnumberinput19" 
hasobj="true" 
novaluedisplay="number"> 

ここでは、IDが動的に変更されるため、このテキストボックスにアクセスするためにidを使用しないでください。 （私はid htmlplusinputnumberinput19は他の時間htmlplusinputnumberinput789になると言うことを意味します） それはなぜ私が他のいくつかのパラメータを使用することができる場合、より良い解決策になります。ここで

は、そのIDによる以外の入力要素を選択する方法についてのアドバイスを与えるために、ページ上のすべての入力テキストボックス

input[type="text"], .htmlplusinput { 
    border: 1px solid gray; 
    } 

Answer 1

に適用されるCSSスタイルシートである、あなたがする必要がありますページのマークアップに関する詳細情報を提供します。

$('#example-form input[name=count]') 

あなたはjQueryのを使用している場合は、CSSの属性値を設定することは簡単です：：

$('input[name=count]').css('border-color', 'red'); 

また、あなたが要素にエラークラスを追加することがあります。

$('input[name=count]').addClass('error'); 

それはこのようなものでも動作します

Answer 2

@ Judy私が推測する最良の方法は、あなたの検証コードが問題の要素のIDを指摘することです。だから、そのようないくつかのjQueryを使うことができます$('#myElementId').css('border-color', 'red');

Answer 3

誤った入力にクラスを追加します。

CSS：

input.error { color: red; }; 

のJavascript（検証ポイント上）：スタイルシートが何である：

currentValidatingInput.className += " error";