Можете ли вы вызвать таблицу стилей CSS для документа HTML в операторе if

Question

Я пытаюсь ввести внешнюю таблицу стилей из файла CSS в операторе if. У меня есть несколько текстовых полей, и мне нужно, если при нажатии кнопки всплывающее окно появляется и говорит, что должна быть заполнена вся форма и цвет фона меняется на красный. У меня есть это в моем файле HTML:

<style type="text/css">

@import url("mysheet.css");

</style>

<script type="text/javascript">
function validateform()
{
var x=document.forms["CustInfo"]["Fname"].value;
if (x == null || x == "")
{
    alert("The entire form must be filled out");
    return false;
}
</script>

В моем файле CSS я просто:

.formalert{
    background-color: Red;
}

Как я могу изменить это "предупреждение", чтобы вызвать мой формалер?

Answer 1

Простой способ сделать это состоит в том, чтобы всегда включать стиль, но только если ваша форма имеет такое имя класса, если оно не проходит проверку.

<style type="text/css">
.formalert{
    background-color: Red;
}
</style>

<script type="text/javascript">
function validateform(oForm)
{
    var x=document.forms["CustInfo"]["Fname"].value;
    if (x == null || x == "")
    {
        alert("The entire form must be filled out");
        oForm.className += ' formalert';
        return false;
    }
    return true;
}
</script>        

<form action="" method="post" onsubmit="return validateform(this);">
...
</form>