Tengo un formulario login en una modal en bootstrap 4, y quiero autofocus en los campos email y password.
<form action="proceso.php" method="post" enctype="multipart/form-data">
<div class="form-group">
<input type="email" class="form-control" id="email" name="email" placeholder="Correo electrónico">
</div>
<div class="form-group">
<input type="password" class="form-control" id="password" name="password" placeholder="Contraseña">
</div>
<button type="submit" class="btn btn-primary btn-block">Aceptar</button>
</form>
Leyendo la documentación de bootstrap. Para poner autofocus en el campo email utilizo esto, y funciona:
<script>
$('#login').on('shown.bs.modal', function () {
$('#email').trigger('focus')
})
</script>
Ahora quiero que el foco pase luego al campo password luego de darle ENTER, para ello agrego lo siguiente:
<script>
$('#login').on('shown.bs.modal', function () {
$('#password').trigger('focus')
})
</script>
Pero al cargar la página el foco aparece en el segundo campo. Cuál es el problema?