Skip to main content
se añadieron 89 caracteres en el cuerpo
Origen Enlace
user128299
user128299

No ocupas de PHP sino de JS para poder manipular dichos nodos, considero debes proceder de este modo:

  • Al button le aplicas a nivel de HTML el atributo disabled para que por defecto este deshabilitado
  • Obtienes por medio de su id al input
  • Una vez que tienes en una variable el input, vas a usar el evento keyup para revisar lo que el usuario escribe a medida que suelta cada tecla que presiona
  • Verificas si de dicha variable su propiedad value eeses igual a hola
  • De resultar ciento lo anterior, entonces colocas en false la propiedad disabled del button que recuperamos por medio de su id y en caso negativo es decir que no se cumpla, entonces mantienes como true la propiedad disabled

Ejemplo

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width">
      <title>Ejemplo<<title>Ejemplo 1</title>
    </head>
    <body>
    <input type="text" id="condicion" />
    <button disabled id="pago">Pagar</button>
    <script>
        let activador = document.getElementById("condicion")
        activador.addEventListener("keyup", () => {
          if(activador.value === "hola"){
            document.getElementById("pago").disabled = false
          }else{
            document.getElementById("pago").disabled = true
          }
        })
    </script>
    </body>
    </html>

No ocupas de PHP sino de JS para poder manipular dichos nodos, considero debes proceder de este modo:

  • Al button le aplicas a nivel de HTML el atributo disabled para que por defecto este deshabilitado
  • Obtienes por medio de su id al input
  • Una vez que tienes en una variable el input, vas a usar el evento keyup para revisar lo que el usuario escribe a medida que suelta cada tecla que presiona
  • Verificas si de dicha variable su propiedad value ees igual a hola
  • De resultar ciento lo anterior, entonces colocas en false la propiedad disabled del button que recuperamos por medio de su id

Ejemplo

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width">
      <title>Ejemplo</title>
    </head>
    <body>
    <input type="text" id="condicion" />
    <button disabled id="pago">Pagar</button>
    <script>
        let activador = document.getElementById("condicion")
        activador.addEventListener("keyup", () => {
          if(activador.value === "hola"){
            document.getElementById("pago").disabled = false
          }
        })
    </script>
    </body>
    </html>

No ocupas de PHP sino de JS para poder manipular dichos nodos, considero debes proceder de este modo:

  • Al button le aplicas a nivel de HTML el atributo disabled para que por defecto este deshabilitado
  • Obtienes por medio de su id al input
  • Una vez que tienes en una variable el input, vas a usar el evento keyup para revisar lo que el usuario escribe a medida que suelta cada tecla que presiona
  • Verificas si de dicha variable su propiedad value es igual a hola
  • De resultar ciento lo anterior, entonces colocas en false la propiedad disabled del button que recuperamos por medio de su id y en caso negativo es decir que no se cumpla, entonces mantienes como true la propiedad disabled

Ejemplo

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width">
      <title>Ejemplo 1</title>
    </head>
    <body>
    <input type="text" id="condicion" />
    <button disabled id="pago">Pagar</button>
    <script>
        let activador = document.getElementById("condicion")
        activador.addEventListener("keyup", () => {
          if(activador.value === "hola"){
            document.getElementById("pago").disabled = false
          }else{
            document.getElementById("pago").disabled = true
          }
        })
    </script>
    </body>
    </html>

Origen Enlace
user128299
user128299

No ocupas de PHP sino de JS para poder manipular dichos nodos, considero debes proceder de este modo:

  • Al button le aplicas a nivel de HTML el atributo disabled para que por defecto este deshabilitado
  • Obtienes por medio de su id al input
  • Una vez que tienes en una variable el input, vas a usar el evento keyup para revisar lo que el usuario escribe a medida que suelta cada tecla que presiona
  • Verificas si de dicha variable su propiedad value ees igual a hola
  • De resultar ciento lo anterior, entonces colocas en false la propiedad disabled del button que recuperamos por medio de su id

Ejemplo

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width">
      <title>Ejemplo</title>
    </head>
    <body>
    <input type="text" id="condicion" />
    <button disabled id="pago">Pagar</button>
    <script>
        let activador = document.getElementById("condicion")
        activador.addEventListener("keyup", () => {
          if(activador.value === "hola"){
            document.getElementById("pago").disabled = false
          }
        })
    </script>
    </body>
    </html>