Extraño error con las contraseñas

Spanish Forum
#1

Quiero dar a mis usuarios la opción de que modifiquen la contraseña.
Para ello, tengo este sencillo formulario:

@extends('layouts.app')
 @section('content')
 <div class="container">
     <div class="row justify-content-center">
         <div class="col-md-8">
             <div class="card">
                 <div class="card-header">Cambie su contraseña para cersionarse de que no suplanten su identidad</div>
 
                 <div class="card-body">
                     <form method="POST" action="{{route('clave.cambiar',$u)}}" novalidate>
                         @csrf
 
                         <div class="form-group row">
                             <label for="password" class="col-md-4 col-form-label text-md-right">Contraseña</label>
 
                             <div class="col-md-6">
                                 <input id="password" type="password" class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" required>
                             </div>
                         </div>
 
                         <div class="form-group row">
                             <label for="password-confirm" class="col-md-4 col-form-label text-md-right">Confirmar Contraseña</label>
 
                             <div class="col-md-6">
                                 <input id="password-confirm" type="password" class="form-control" name="password_confirmation" required>
                             </div>
                         </div>
 
                         <div class="form-group row mb-0">
                             <div class="col-md-6 offset-md-4">
                                 <button type="submit" class="btn btn-primary">
                                     Actualizar Contraseña
                                 </button>
                             </div>
                         </div>
                     </form>
                 </div>
             </div>
         </div>
     </div>
 </div>
 @endsection

Sin embargo, pasa lo siguiente:

tJR9D
tJR9D.jpg1166×396 43.9 KB

Cuando voy a la vista, veo que aparece en la caja de la contraseña un texto. Si hago visible el texto no aparece y si le doy un valor predeterminado al texto sustituye a ese valor (pero no en caso de que value="").

¿Que hago para que no aparezca ningún texto?

#2

So you don’t want the ********** to appear in the box when you load the page?

#3

Yes. I haven’t any idea why this text appears when loading the view

#4

Por cierto, no conozco que pondra, pero claramente no es la contraseña, porque su longitud de caracteres es distinta.

#5

Hi @CanCerbero!

If you want the password to be visible, try these tags instead:

<div class="col-md-6">
  <input id="password" type="text" class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" required>
</div>
 
<div class="form-group row">
  <label for="password-confirm" class="col-md-4 col-form-label text-md-right">Confirmar Contraseña</label>
 
  <div class="col-md-6">
    <input id="password-confirm" type="text" class="form-control" name="password_confirmation" required>
  </div>
</div>

Notice that the type of the input is changed to text. Hope this helps :slight_smile:

1 Like
#6

Yes, if use type=“text”, the misterius text in the “nueva contraseña” don´t show.
But I like use type=“password”, because it’s a password and must be hide from prying eyes.
Exists another option?

#7

Exists another option?

What exactly do you want to achieve? I am afraid I did not understand well.

#8

Una cosa, en uno de los PC en los que estoy probando el programa borre completamente el historial.
Logre que ya no apareciera el maldito texto.
Pero en otro PC en el que he probado lo mismo, no ha funcionado.

49_LI
InkedCaptura de pantalla 2018-10-16 22.00.49_LI.jpg1320×396 59.8 KB

Como enseño en la imagen, cuando se carga el formulario de la contraseña debería verse así las cajas de texto, limpias, sin ningun texto escrito.