Lorsqu'un utilisateur clique sur Afficher le lien, affichez le mot de passe, masquez-le lorsque vous cliquez à nouveau dessus
Je suis en train d'essayer d'obtenir ce script simple à travailler. En gros, quand un utilisateur clique sur le lien Afficher, il affichera le mot de passe dans la zone de texte et de le cacher quand il est cliqué à nouveau. J'ai cherché des solutions, mais ne pouvait pas trouver quoi que ce soit pour ce dont j'ai besoin. Voici le code:
JavaScript
function toggle_password(target){
var tag = getElementById(target);
var tag2 = getElementById("showhide");
if (tag2.innerHTML == 'Show'){
tag.setAttribute('type', 'text');
tag2.innerHTML = 'Hide';
}
else{
tag.setAttribute('type', 'password');
tag2.innerHTML = 'Show';
}
}
HTML
<label for="pwd0">Password:</label>
<input type="password" value="####" name="password" id="pwd0" />
<a href="#" onclick="toggle_password('pwd0');" id="showhide">Show</a>
Lorsque je clique sur le lien, rien ne se passe. J'ai testé ce sans l'aide de l'instruction si trop et n'a toujours rien.
source d'informationauteur Daniel Harris
Vous devez vous connecter pour publier un commentaire.
vous n'utilisiez pas
document
pourgetElementById
votre
id
noms sont illégales et difficile à travailler:pwd'.$x.'
vous ne pouvez pas avoir certains de ces caractères.aussi, cette méthode ne fonctionnera pas dans tous les navigateurs, IE < 9, par exemple, vous pouvez uniquement modifier
.type
avant de l'élément est attaché au documentessayez d'échanger entre eux:
espère que cette aide -ck
Pour des raisons de sécurité, vous ne pouvez pas modifier le type d'un élément d'entrée. Vous devez remplacer l'ensemble de l'élément avec un nouveau.
Son vraiment facile à réaliser...j'ai trouvé ce post de blog qui décrit la façon de faire avec quelques lignes de code. Je pense que c'est pas une bonne pratique de garder une option de ce genre car les mots de passe doivent être pris au sérieux.
voici le code de cette page; il utilise la même approche que vous avez décrit. mais utilise une case.et pratiquement, j'ai vu ce qu'il souligne dans oss " comme linux. ils n'ont même pas laisser une trace de mot de passe avec un astérisque.(mais l'interface graphique de chose fait, je ne sais pas vraiment se soucier de pw de confidentialité ou ils trouvent qu'il est difficile de le faire en ligne de commande 😉 )
http://www.voidtricks.com/password-show-hide-checkbox-click/
Ceci est un tutoriel simple pour afficher un mot de passe dans une zone de saisie lorsqu'une case est cochée et de le cacher quand la case est décochée à l'aide de jQuery.
Javascript
HTML
*
*
Nous avons un mot de passe champ de saisie avec la classe “mot de passe” et une case à cocher avec l'id “affichermasquer”
Solution simple pour afficher /masquer le mot de passe à l'aide de cases à cocher, et c'est noob niveau il suffit de copier/coller. FAIT !!! 😉
Si nous faisons une zone de texte comme
"passowrd"
puis les caractères ne sont pas affichés et mais quand nous faisons un texte-type de boîte de"text"
caractères sont affichés comme nous le type.D'où la logique est très simple. Nous pouvons changer le type d'un élément HTML par
"setAttribute(type,newvalue)"
fonction de JavaScript.Un code complet de l'exemple peut être vu sur le lien ci-dessous:
http://www.tutor4web.com/javascript/how-to-show-password-as-text-with-checkbox-using-javascript/
votre solution peut être
Ne pas changer le type d'entrée, de modifier la taille du texte. Il est très petit pour se Cacher.