Esta es mi parte de mi html

<input type="text" name="age" />
<input type="text" name="poscode" />
<input type="submit" name="submit" value="Next >>" disabled="disabled"/>

Este es mi script

<script type="text/javascript">
$(function(){
var enable = false;
if($("input[name='age']").val != "")
enable = true;
if($("input[name='poscode']").val != "")
enable = true;
if(enable == true) $("input[name='submit']").attr('disabled', '');
});
</script>

Esto no funciona, alguna idea de lo que estoy haciendo mal?

Después de que el usuario llena de hasta dos entradas de edad & poscode, el botón de enviar debe ser activo
( deshabilitado en el arranque)

OK, veo HTML y veo un poco de jQuery, ahora cual es la cuestión?

OriginalEl autor damien | 2010-07-22

6 Comentarios

  1. 11

    Puede hacer algo como esto:

    $('input[name="age"], input[name="poscode"]').change(function(){
      if ($(this).val())
      {
        $("input[name='submit']").removeAttr('disabled');
      }
    });
    x.attr('disabled', boolean) también funciona.
    De acuerdo, me encuentro más utilizado para removeAttr en estos casos 🙂
    Creo que es más claro qué es lo que lo hace así.

    OriginalEl autor Sarfraz

  2. 2

    Para habilitar/deshabilitar cuando se presiona la tecla hacer de esta manera:

    $('input[name="age"], input[name="poscode"]').keyup(function(){
      if ($(this).val())
    {
      $("input[name='submit']").removeAttr('disabled');
    
    }else{
    $("input[name='submit']").attr('disabled','disabled');
    }
    });

    OriginalEl autor Lo Juego

  3. 0

    ¿Adjuntarlo a los campos de entrada de cualquier manera? La forma en que se escribe el código, creo que se llama a la función una vez, después de que se ha cargado el documento y, a continuación, simplemente se descarta. Dar a su función de un nombre y adjuntarlo a onblur o onchange.

    hola, puede usted por favor decirme cómo, yo soy muy nuevo en jquery & js

    OriginalEl autor Christopher Creutzig

  4. 0

    Probar este ejemplo de código por favor

    <div class="form-row align-items-center">
              <div class="col-auto">
                  <input  type="text" name="inputComment" class="form-control" id="inputComment" placeholder="Your comment goes here">
              </div>
              <div class="col-auto">
                   <button disabled id="btnSaveComment" type="button" class="btn btn-success">Save</button>
              </div>
    </div>
    
    <script>
      document.getElementById("btnSaveComment").disabled = true;
    
      $(document).ready(function () {
        $("#inputComment").on("change paste keyup", function () {
                    var text = $(this).val();
                    if (text.length > 0) {
                        document.getElementById("btnSaveComment").disabled = false;
                    }
                    else {
                        document.getElementById("btnSaveComment").disabled = true;
                    }
                });
            });
    </script>

    OriginalEl autor Developer

  5. -1

    Como saco ya se ha mencionado, usted tiene que quitar el atributo ‘deshabilitado’ en total.

    OriginalEl autor nyn3x

Dejar respuesta

Please enter your comment!
Please enter your name here