Como utilizar focus

[isabelramirezmontoya]

Buenas tardes me colaboran con un par de dudas.

Este codigo funciona y me valida bien, pero lo quiero mejorar, me colaboran por favor

¿Como hago para que cuando la validacion sea negativa, el cursor (foco) se devuelva al campo que esta evaluando (nombre). No logro entender como usar la opcion FOCUS para ello?

¿Como puedo utilizar la misma funcion para validar diferentes campos y no hacer una funcion para cada campo del formulario.?

El codigo que tengo es este:

Código HTML:

<form name="formulario">
     <tr><td>Nombre:</td><td><input type="text" name="nombre" id="nombre" onblur="valida1()"></td></tr>
     <tr><td id="mensaje_validacion"></tr>
     <tr><td>Apellido:</td><td><input type="text" name="apellido" id="apellido" onblur="valida2()"></td></tr>
     <tr><td id="mensaje_validacion"></tr>
     </form>
 
 
function valida(datos){
    
    var divResultado2 = document.getElementById('mensaje_validacion');
 
    if (document.getElementById('nombre').value == "") {
 
     var ccc = " *** Debe diligenciar el campo nombre *** ";
 
    }else{
    
     var ccc = "";
    
    }
 
    ajax=objetoAjax();
    ajax.open("GET", datos);
    ajax.onreadystatechange=function() {
      if (ajax.readyState==4) {
        divResultado2.innerHTML = ccc;
      }
    }
    ajax.send(null)
}
 

Gracias

[ocp001a]

Código Javascript:

if (document.getElementById('nombre').value == "") {
       document.getElementById('nombre').focus();
     var ccc = " *** Debe diligenciar el campo nombre *** ";
 
    }else{
 

[isabelramirezmontoya]

Iniciado por ocp001a

Código Javascript:

if (document.getElementById('nombre').value == "") {
       document.getElementById('nombre').focus();
     var ccc = " *** Debe diligenciar el campo nombre *** ";
 
    }else{
 

ocp001a, gracias

Hice lo que me sugeriste pero no tiene ningun efecto, sigue igual, el foco del cursor sigue al siguiente campo y no se queda en el campo que valida cuando esta vacio.

[ocp001a]

Intenta así:

Código Javascript:

if (document.getElementById('nombre').value == "") {
       alert('Por favor complete el campo nombre');
       document.getElementById('nombre').focus();
       return false;
}
 

[isabelramirezmontoya]

Iniciado por ocp001a

Intenta así:

Código Javascript:

if (document.getElementById('nombre').value == "") {
       alert('Por favor complete el campo nombre');
       document.getElementById('nombre').focus();
       return false;
}
 

ocp001a, Pense que no funcionaba, pero luego de revisar me di cuenta que funciona en IE pero no en FF.

Existe alguna forma de implementarlo para que funcione en FF.

Gracias

[ocp001a]

No debería fallar en ff. Si utilizas el addon firebug para firefox, sabrás por qué falla,en caso de que haya otro problema con el código. Incluso podrías depurar mucho más código que con ie

[isabelramirezmontoya]

Iniciado por ocp001a

No debería fallar en ff. Si utilizas el addon firebug para firefox, sabrás por qué falla,en caso de que haya otro problema con el código. Incluso podrías depurar mucho más código que con ie

ocp001a, buenos dias

No sabia que existia addon firebug (la verdad soy un aprendiz de programacion), ya lo baje y lo estoy revisando para conocer como funciona, y ver si encuentro el error.

Lo que tu dices es verda, los script ponen problema normalmente en IE y no en FF, por aquello de de IE no se rigue siempre por los estandares, no se que paso en este caso.

Voy a revisar y te cuento como me va, mil gracias por tu colaboracion.