1

Tengo el siguiente formulario:

<form action="/authenticate" method="POST" id="nickForm">
        <div class="form-group">
            <label class="title pb-1" for="username">User</label>
            <input type="text" class="form-control" id="nickname" placeholder="Enter user" name="username">
            <div class="form-text">The key to success is to sleep well.</div>
        </div>
        <div class="form-group">
            <label class="title pt-2 pb-1" for="password">Password</label>
            <input type="password" class="form-control" id="password" placeholder="Password" name="password">
        </div>
        <div class="mb-3 form-check">
            <input type="checkbox" class="form-check-input" id="Check1">
            <label class="title form-check-label" for="Check1">Remember username</label>
        </div>
        <button type="submit" class="btn btn-primary" form="nickForm" value="login">LOGIN</button>
    </form>

Y tengo el siguiente script:

<script>
    const socket = io();
    var form = document.getElementById('nickForm');
    var user = document.getElementById('nickname');
    form.addEventListener('submit', function (e) {
        if (user) {
            socket.emit('name', user);
        }
    })
</script>

Al ejecutarlo este no me muestra el contenido del input:

introducir la descripción de la imagen aquí

Pero si le coloco un valor directo a la variable user este si lo muestra:

<script>
    const socket = io();
    var form = document.getElementById('nickForm');
    var user = "Hola";
    form.addEventListener('submit', function (e) {
        if (user) {
            socket.emit('name', user);
        }
    })
</script>

introducir la descripción de la imagen aquí

Soy nuevo en esto, podrían explicarme que estoy haciendo mal, de antemano muchas gracias por la atención brindada.

1 respuesta 1

2

Te falta el .value en la variable user para tomar el valor del input.

 <script>
  const socket = io();
  var form = document.getElementById('nickForm');
  var user = document.getElementById('nickname');
  form.addEventListener('submit', function (e) {
    if (user) {
        socket.emit('name', user.value);
    }
  })
  </script>
1
  • Gracias por el aporte, si funcionó.
    – user240001
    Commented el 5 ago. 2022 a las 16:32

Tu Respuesta

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