0

Tengo un input de tipo button, lo que sucede es que quiero que al darle click se ejecute una function la cual tiene dentro otra function en lenguaje Ajax, pero no se ejecuta nada del codigo al darle click, al menos que mostrara errores pero no lo hace Este es el botón

<input type="button" name="login" id="login" value="Login" class="btn btn-success col-12">

Y este esta es la function que quiero ejecutar

<script>
    $(document).ready(function(){
      $('#login').click(function(){
        var user = ('#user').val();
        var pass = ('#pass').val();
        if($.trim(user).length > 0 && $.trim(pass).length > 0){
          $.ajax({
            url:"action.php",
            method:"POST",
            data:{user:user, pass:pass},
            cache:"false",
            beforeSend:function(){
              $('#login').val("Conectando...");
            },
            success:function(){
              if(data="1"){
                $(location).attr('href', './indexUser.php');
              } else {
                $("#result").html("<div class='alert alert-dismissible alert-danger'><button type='button' class='close' data-dismiss='alert'>&times;</button><strong>¡Error!</strong> Las credenciales son erroneas.</div>");
              }
            }
          });
        };
      });
    });
  </script>
Hice algunas pruebas colocando que se mostrara una alerta al dar click en el botón pero tampoco funcionaba, eso me lleva a pensar que es error de sintaxis, agradecería que me puedan ayudar
Aqui coloco los Scripts que estoy importando, quizás sirvan de algo


1
  • Te falta el $ en ('#user').val()
    – Bicho
    Commented el 15 mar. 2020 a las 18:09

1 respuesta 1

0

Crea una funcion donde puedas llamar todo el codigo:

function FuncionEjecutar() {
    $(document).ready(function(){
    $('#login').click(function(){
        var user = ('#user').val();
        var pass = ('#pass').val();
        if($.trim(user).length > 0 && $.trim(pass).length > 0){
        $.ajax({
            url:"action.php",
            method:"POST",
            data:{user:user, pass:pass},
            cache:"false",
            beforeSend:function(){
            $('#login').val("Conectando...");
            },
            success:function(){
            if(data="1"){
                $(location).attr('href', './indexUser.php');
            } else {
                $("#result").html("<div class='alert alert-dismissible alert-danger'><button type='button' class='close' data-dismiss='alert'>&times;</button><strong>¡Error!</strong> Las credenciales son erroneas.</div>");
            }
            }
        });
        };
    });
    }); 
}

Agrega onclick en el boton para ejecuar funciones:

<input type="button" name="login" id="login" value="Login" class="btn btn-success col-12" onclick="FuncionEjecutar();">
9
  • 1
    No es necesario, con esta línea $('#login').click(function() funciona bien.
    – Bicho
    Commented el 15 mar. 2020 a las 18:10
  • Pero sigue sin funcionar el boton. Podrías darme otra solución por favor?, Ya añadí los $ faltantes que me dijiste Commented el 15 mar. 2020 a las 18:14
  • Actualice mi respuesta, intenta crear una función y agregar todo el código dentro, luego la llamas con onclick. Hay te deje un ejemplo Commented el 15 mar. 2020 a las 18:22
  • Si esto no funciona, probablemente sea un problema con la libreria jquery, puede que la pagina no lo este leyendo correctamente. Commented el 15 mar. 2020 a las 18:24
  • Si esto no funciona, probablemente sea un problema con la libreria jquery, puede que la pagina no lo este leyendo correctamente. Commented el 15 mar. 2020 a las 18:24

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.