我的验证表单功能无法正常工作

时间:2013-10-23 09:41:21

标签: javascript forms validation background-color

我已经设置了一个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中放置一个警告声明,它将在提交时该字段为空时发出警报。所以验证功能都有效。但着色不会消失。有谁知道怎么样,或者有没有人可以帮助我朝正确的方向发展?

1 个答案:

答案 0 :(得分:0)

试试这段代码。

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;
}