入力が正しいかどうかチェックし、入力フィールドに色を付けてください。

Question

私はpatientsform（私はテーブルで行いました）を作成して、いくつかの個人的な質問をしなければなりません。たとえば、患者番号。誰かが自分の番号を入力した後、その番号に8個の数字が含まれているかどうかを調べる必要があります（Javascriptで）。 8つの数字が含まれている場合、入力フィールドは緑色になり、入力が間違っている場合は、メッセージが表示されます（「8つの数字を持つ患者番号を入力してください」）。 正しいコードを取得しようとした2つの方法がありますが、どちらも機能しませんでした。誰か助けてくれますか？先進的でありがとう！

function checkpnummer() { 
    var pnummer = $('#pnummer').val; 
    if(pnummer != /^([0-9]a{8})$/) { 
     pnummer.style.color = "#CD5C5C"; 
     alert("Vul een patientnummer in dat bestaat uit 8 cijfers."); 
    } 

    else { 
     pnummer.style.color = "#00FA9A"; 
     $('#pnummer').focusout(pnummer); 
    } 
} 

Answer 1

私はあなたがそうここにjqueryのを使用していることがわかります

がある正しいjQueryの溶液 - 私が持っている

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

あなたのコードに間違いが少ないことを指摘 -

• の間違った使用方法
• 不正な正規表現
• 正規表現に一致する要素（$("element").css("property": "value")を使用）
• 誤った道のCSSを変更する誤った方法（match()メソッドを使用します）

私はこれが役立つだろう願っています。

Answer 2

var pnummer = document.getElementById("pnummer").valueとしてみてくださいif(pnummer.match(/^([0-9]a{8})$/)) { //true } else { //false }文字列の一致が0aaaaaaaaで、このコード、1aaaaaaaaなど