Ajuda codigo " senha visivel ao ser digitada" site mobile so pode aparecer o teclado numerico no celular

[spyryt 0]

bom dia pessoa 

 

alguem pode me ajudar  com este codigo   

 

<div style="height:60px; width:100%; margin-top:10px;">
<span style="font-size:12px;"><div class="glyphicon glyphicon-lock" style="margin:0 5px 0 0"></div>Senha</span>
<input required   type="tel" name="senha" id="senha" maxlength="6" style="display: inline-block;" />
</div>

 

lembrando que o type="tel"    tem que ser mantido por que e para mobille        somente teclado numerico mas gostaria que  quando dighitar aparecer somente ******

[spyryt 0]

Alguem me da um help

[Jack Oliveira 1]

BOA TARDE
 VEJA SE ISSO AI POSSA TE AJUDAR EM ALGUMA COISA

<div class="container">
  <form action="" id="loginForm">
    <h2>Login</h2>
    <p><label for="username">Username</label><input type="text" name="username" id="username" placeholder="username" /></p>
    <p><label for="password">Password</label><input type="tel" name="password" id="password" placeholder="password" /> <input type="button" id="showPassword" value="Ocultar senha" class="button" /></p>
    <p><input type="submit" value="Login" class="button" /></p>
  </form>
</div>

 o código jQuery
// Check javascript has loaded
$(document).ready(function(){
  // Click event of the showPassword button
  $('#showPassword').on('click', function(){
    
    // Get the password field
    var passwordField = $('#password');
    // Get the current type of the password field will be password or text
    var passwordFieldType = passwordField.attr('type');
    // Check to see if the type is a password field
    if(passwordFieldType == 'password')
    {
        // Change the password field to text
        passwordField.attr('type', 'text');
        // Change the Text on the show password button to Hide
        $(this).val('Hide');
    } else {
        // If the password field type is not a password field then set it to password
        passwordField.attr('type', 'password');
        // Change the value of the show password button to Show
        $(this).val('Show');
    }
  });
});

ESTE QUE USO NO MEU PRA MIM ELE DA CERTO TALVEZ ELE SIRVA PRA TI TBM

[spyryt 0]

nao esta dando certo :(

[Jack Oliveira 1]

26 minutos atrás, spyryt disse:

nao esta dando certo :(

TENTE ASSIM

 

no type e so o tipo de campo q você quer, você deve colocar password para aparecer asterisco e no campo name você coloca o tel para identificar q ele e o campo de telefone

 

<div style="height:60px; width:100%; margin-top:10px;">
<span style="font-size:12px;"><div class="glyphicon glyphicon-lock" style="margin:0 5px 0 0"></div>Senha</span>
<input required   type="password" name="tel" id="senha" maxlength="6" style="display: inline-block;" />
</div>

[spyryt 0]

que acontece neste caso e que funciona os *** mas aparece o teclado alfabetico no celular   

 

[Jack Oliveira 1]

Agora, spyryt disse:

que acontece neste caso e que funciona os *** mas aparece o teclado alfabetico no celular   

 

no caso você quer ocultar o teclado?

[spyryt 0]

nao quero o teclado numerico      somente   mas aparecendo os ****

[Jack Oliveira 1]

14 minutos atrás, spyryt disse:

nao quero o teclado numerico      somente   mas aparecendo os ****

 teria como mandar um print ?

[spyryt 0]

anexo

[Jack Oliveira 1]

5 minutos atrás, spyryt disse:

anexo

                     ja fez esta forma  aqui 

 

no type e so o tipo de campo q você quer, você deve colocar password para aparecer asterisco e no campo name você coloca o tel para identificar q ele e o campo de telefone

 

<div style="height:60px; width:100%; margin-top:10px;">
<span style="font-size:12px;"><div class="glyphicon glyphicon-lock" style="margin:0 5px 0 0"></div>Senha</span>
<input required   type="password" name="tel" id="senha" maxlength="6" style="display: inline-block;" />
</div>

 

se fez isso qual foi o erro que deu?

[spyryt 0]

aparece o teclado com letras   colocanto o type="tel" aparece o teclado certo 

 

[Jack Oliveira 1]

46 minutos atrás, spyryt disse:

aparece o teclado com letras   colocanto o type="tel" aparece o teclado certo 

 

agora não consegue te acompanhar ai você quer que não mostre a senha ao digitar ela correto?

                    

o que voce quer que aparece e que não aparece

 

qual seria a logica do seu formulario?