Javascript Girl
  1. Javascript Girl
  3. Création d'un champ de validation de mot de passe "simple"
Intereting Posts
Browserify "module n'est pas défini" Est-ce que webGL contient push / popMatrix? Pourquoi la méthode `this` change-t-elle lorsque vous appelez une référence à la méthode d'un objet? Obtenir l'URL de l'exécution en cours du fichier js lorsqu'il est chargé dynamiquement Différence entre indexOf et findIndex fonction du tableau Comment passer ces chaînes de php à javascript Indéfini et nul Ajout de réactive-hot-loader à l'application de création-réaction éjectée Rails 3 prototype rendu: la réponse à la mise à jour a un type de contenu texte / HTML Regex pour faire correspondre le retour chariot en Javascript Accéder à l'objet à partir de plusieurs composants React IPhone renvoie le même événement de détresse pour (hash et 3) et (Asterisk et 8) AngularJS bloque le bouton de soumission sous forme symfony2 Vérifiez si une liste est triée en javascript en utilisant underscore.js HTML5 glisser et déposer la détection de dossier dans firefox. Est-ce même possible?

Création d'un champ de validation de mot de passe "simple"

J'essaie de créer un champ de mot de passe pour une page Web. Jusqu'à présent, j'ai: 

<form name="PasswordField" action=""> Password: <input type="password" name="password"> <input type="button" value="Log in"> </form>

Pathetic, je le sais. Il n'a pas besoin d'être chic, j'ai juste besoin de "récupérer" le mot de passe dans la zone de texte et de l'associer au mot de passe de la page. Je suppose que je peux utiliser un if-else? 

 *Code for get password from textbox when the "Log in" button is pressed here* if (password = "rawr") {alert('Correct!')} else {alert('Wrong Password')}

Malheureusement, je l'ai foulé pendant des heures. J'ai également essayé des fonctions, et cela ne semblait pas fonctionner (pour moi) non plus.

Si vous parcourez cette route, vous devez mettre la validation dans une fonction appelée dans l'événement onclick de votre bouton. Aussi, pour accéder au mot de passe <input nœud d' <input dans js, vous pouvez lui donner un id et utiliser document.getElementById(id) . De plus, = est un opérateur d'affectation. Utilisez == pour la comparaison 🙂 

 <head> <script type="text/javascript"> function isValid(){ var password = document.getElementById('password').value; if (password == "rawr") {alert('Correct!')} else {alert('Wrong Password')} } </script> </head> <form name="PasswordField" action=""> Password: <input type="password" id="password" name="password"> <input type="button" value="Log in" onclick="isValid();"> </form>

Ou une façon encore plus simple serait de passer le mot de passe du noeud DOM comme argument de la fonction: 

 <head> <script type="text/javascript"> function isValid(myNode){ var password = myNode.value; if (password == "rawr") {alert('Correct!')} else {alert('Wrong Password')} } </script> </head> <form name="PasswordField" action=""> Password: <input type="password" id="password" name="password"> <input type="button" value="Log in" onclick="isValid(this);"> </form>

Est-ce ce que vous recherchez? 

 document.forms['PasswordField'].elements['password'].value

J'ai utilisé jquery et voici ma solution: 

 <html> <head> <script type="text/javascript" src="jquery-1.4.4.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("input[name='login']").click(function() { var s = $("input[name='password']").val(); if(s == "rawr") {alert('Correct!')} else {alert('Wrong Password')} }); }); </script> </head> <body> <form name="PasswordField" action=""> Password:<input type="password" name="password"> <input type="button" value="Log in" name="login"> </form> </body> </html>