javascript - フォームの検証機能が正しく動作しません

Question

validateForm()多くの if を含む関数を設定しました。送信ボタンが押されたときにすべてのエラーを与えるフィールドを赤くする必要があるため、JavaScript で次のことを試すことにしました。

function validateForm()
{
    var i = 0;

    var a = document.forms["MyForm"]["Naam"].value;
    if(a == null || a == "")
    {
        i++;
        ctrl.style.backgroundColor = #FF0000;
    }

    //alot more if statements like the above

    if(i > 0)
    {
        return false;
    }
}

しかし、送信ボタンをクリックすると、フィールドに色が付きません。最初の if にアラート ステートメントを入れると、送信時にフィールドが空のときにアラートが表示されます。したがって、検証機能はすべて機能します。しかし、着色はしません。誰かがその方法を知っていますか、または誰かが私を正しい方向に少し助けてくれますか?

Answer 1

このコードを試してください。

function checkme_station() 
{
    stationObj = document.getElementById('station_name');
    if (stationObj.value == "")
    {
        stationObj.style.borderColor = '#ff0000';
        alert("Please enter a name for this station.");
        stationObj.focus();
        return false;
    }

    selectionObj = document.getElementById('selection');
    if (selectionObj.value == "Enter song or musician name" || selectionObj.value == "")
    {
        selectionObj.style.borderColor = '#ff0000';
        alert("Please enter the name of the song or name of musician into selection field.");
        selectionObj.focus();
        return false;
    }

    stationObj.style.borderColor = '';
    selectionObj.style.borderColor = '';
    return true;
}