Skip to main content

Al querer ingresar un dato quiero que el border del textbox se ponga de color rojo, pero no funciona, como puedo arreglar el codigo?

function nombre() 

{ //obteniendo el valor que se puso en el campo text del formulario caja1= document.getElementById("txtnombre").value; //la condición

{
    //obteniendo el valor que se puso en el campo text del formulario
    caja1= document.getElementById("txtnombre").value;

    //la condición

    // if (caja1=="") 
    // {
    //   alert("Esta vacío")
    //   return false;
    // }

    // else 

      if (caja1.length == 35 || /^\s+$/.test(caja1)) 
    {
        alert("Sólo se permiten de 35 letras para el nombre")
        return false;
    }

    else if (caja1.length <= 35 || /^\s+$/.test(caja1)) 
    {
        document.getElementById("txtnombre").focus();
        document.getElementById("txtnombre").style.borderColor="green";
        return true;    
    }

    else if (/^([0-9])*$/.test(caja1))
    {
        alert("El valor " + caja1 + " no es una letra");
        document.getElementById("txtnombre").focus();
        document.getElementById("txtnombre").style.borderColor="red";
        return false; 
    }

Al querer ingresar un dato quiero que el border del textbox se ponga de color rojo, pero no funciona, como puedo arreglar el codigo?

function nombre() 

{ //obteniendo el valor que se puso en el campo text del formulario caja1= document.getElementById("txtnombre").value; //la condición

    // if (caja1=="") 
    // {
    //   alert("Esta vacío")
    //   return false;
    // }

    // else 

      if (caja1.length == 35 || /^\s+$/.test(caja1)) 
    {
        alert("Sólo se permiten de 35 letras para el nombre")
        return false;
    }

    else if (caja1.length <= 35 || /^\s+$/.test(caja1)) 
    {
        document.getElementById("txtnombre").focus();
        document.getElementById("txtnombre").style.borderColor="green";
    return true;    
    }

    else if (/^([0-9])*$/.test(caja1))
  {
   alert("El valor " + caja1 + " no es una letra");
    document.getElementById("txtnombre").focus();
    document.getElementById("txtnombre").style.borderColor="red";
  return false; 
    }

Al querer ingresar un dato quiero que el border del textbox se ponga de color rojo, pero no funciona, como puedo arreglar el codigo?

function nombre() 
{
    //obteniendo el valor que se puso en el campo text del formulario
    caja1= document.getElementById("txtnombre").value;

    //la condición

    // if (caja1=="") 
    // {
    //   alert("Esta vacío")
    //   return false;
    // }

    // else 

    if (caja1.length == 35 || /^\s+$/.test(caja1)) 
    {
        alert("Sólo se permiten de 35 letras para el nombre")
        return false;
    }

    else if (caja1.length <= 35 || /^\s+$/.test(caja1)) 
    {
        document.getElementById("txtnombre").focus();
        document.getElementById("txtnombre").style.borderColor="green";
        return true;    
    }

    else if (/^([0-9])*$/.test(caja1))
    {
        alert("El valor " + caja1 + " no es una letra");
        document.getElementById("txtnombre").focus();
        document.getElementById("txtnombre").style.borderColor="red";
        return false; 
    }
Origen Enlace
Cesar Reyna
  • 195
  • 2
  • 2
  • 13

Validar solo letras en Javascript

Al querer ingresar un dato quiero que el border del textbox se ponga de color rojo, pero no funciona, como puedo arreglar el codigo?

function nombre() 

{ //obteniendo el valor que se puso en el campo text del formulario caja1= document.getElementById("txtnombre").value; //la condición

    // if (caja1=="") 
    // {
    //   alert("Esta vacío")
    //   return false;
    // }

    // else 

      if (caja1.length == 35 || /^\s+$/.test(caja1)) 
    {
        alert("Sólo se permiten de 35 letras para el nombre")
        return false;
    }

    else if (caja1.length <= 35 || /^\s+$/.test(caja1)) 
    {
        document.getElementById("txtnombre").focus();
        document.getElementById("txtnombre").style.borderColor="green";
    return true;    
    }

    else if (/^([0-9])*$/.test(caja1))
  {
   alert("El valor " + caja1 + " no es una letra");
    document.getElementById("txtnombre").focus();
    document.getElementById("txtnombre").style.borderColor="red";
  return false; 
    }