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.

[chwc]

mira , hice la validación ded cada input por separado asi no es tanto quilombo

Código Javascript:

function verificar() {
      var dominio = document.getElementById('dominio');
      var contrasena = document.getElementById('contrasena');
      if (dominio.value == "") {
          dominio.className = "error";
      } else {
          dominio.className = "bien";
      }
      if (contrasena.value == "") {
          contrasena.className = "error";
      } else {
 
          contrasena.className = "bien";
      }
  }
  }
 

un saludo