2017-09-17 2 views
0

私はpatientsform(HTMLで作成)を作成し、いくつかの個人的な質問をしなければなりません。たとえば、患者番号。私は誰かが自分の番号を入力できる入力フィールドを使用しました。数字は正確に8つの数字でなければなりません。これが真であれば、入力フィールドは緑色に変えなければならず、そうでなければアラートを与えて入力フィールドを赤色に変える必要があります。私はそれが正しいか間違って入力との間に違いはありません(HTMLで)私の入力フィールドに番号を記入しようとすると、しかしjQueryからHTMLへのbackgroundcolourで不正確/正しい入力フィールドを表示する方法

function checkpnummer() { 

if(!$('#patientnummer').val().match(/^\d{8}$/)) { 
    $('#patientnummer').css({"background-color": "#CD5C5C"}); 
    alert("Vul een patientnummer in dat bestaat uit 8 cijfers."); 
} 
else { 
    $("#patientnummer").css("background-color", "#00FA9A"); 
    $("#patientnummer").focusout(); 
} 
} 
} 

:これは私がこれまで持っているコードです。誰かが私の問題を解決するのに役立つでしょうか?

+1

コードは簡単な検索ではなく、インターネットの速度が遅いため、画像の代わりに質問に入れてください。 – Edric

+0

ありがとう、私はそれを変更しました! –

答えて

0

あなたの最初のCSS呼び出しは、オブジェクトである必要は全くありません。あなたの2番目のもの($(セレクタ).css( "背景色"、値))と同じようにします。

+0

'background'を使うと' background-color'だけでなく、関連する背景CSSのプロパティ値もすべて変更されます。背景だけを使うのは良い考えではありません。 – Rob

+0

コメントをありがとう! –

関連する問題