css error

[XD2XD2]

Tengo este codigo

Código HTML:

<script type="text/javascript">
        function verificar(){
        var dominio = document.getElementById('dominio');
        var contrasena = document.getElementById('contrasena');
            if(dominio.value == ""){
                dominio.className="error";
            }else{
            if(contrasena.value == ""){
                dominio.className="bien";
                contrasena.className="error";
            }else{
                dominio.className="bien";
                contrasena.className="bien";
            }}
        }
        </script>
 

Pero al dejar el campo dominio en blanco y contraseña pongo algun texto me sale asin.