interface Webjs tutorielComment effectuer une vérification simple du mot de passe sur le formulaire en js ? (exemple de code)
Ce que cet article vous apporte, c'est d'introduire js pour effectuer une simple vérification des mots de passe des formulaires ? (exemple de code). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.
Nous devons d’abord comprendre Comment saisir le mot de passe en toute sécurité ?
De nombreux sites Web nécessitent désormais une inscription, ce qui signifie que les utilisateurs doivent se voir attribuer un nom d'utilisateur et un mot de passe. Voici quelques étapes simples pour rendre le processus plus sûr.
Utilisez le type de saisie "mot de passe"
Utilisez au lieu de , car cela permet au navigateur (et à l'utilisateur) de savoir que le contenu de ce champ doit être protégé.
Le mot de passe n'apparaîtra pas à l'écran au fur et à mesure que vous tapez, et la plupart des navigateurs ne "se souviendront" pas non plus de la valeur saisie dans le champ du mot de passe comme les autres éléments du formulaire.
Dans certains cas, comme sur les appareils mobiles, l'affichage des mots de passe peut améliorer la convivialité sans compromettre la sécurité. Après tout, seul l'affichage du navigateur est obscurci et non les données transférées.
Confirmer la saisie du mot de passe
Étant donné que le type de saisie du mot de passe masque le texte saisi, vous devez demander à l'utilisateur de confirmer qu'il n'a pas commis d'erreur. Le moyen le plus simple est de saisir votre mot de passe deux fois et de vérifier s'ils sont identiques.
Une autre façon consiste à afficher ce qu'ils ont saisi dans le cadre de la "page de confirmation". Le problème ici est que votre mot de passe apparaît dans le navigateur, le cache du navigateur, les proxys, etc. Pour des raisons de sécurité, les mots de passe ne doivent jamais être affichés au format HTML ni envoyés par courrier électronique.
Appliquer des mots de passe « forts » (mots de passe complexes)
Si vous êtes préoccupé par la sécurité, vous devriez avoir une politique sur ce qui constitue un mot de passe valide. Certaines restrictions courantes sont :
1. Au moins n caractères
2. Une combinaison de caractères majuscules et minuscules ;
3.
4. Indépendant des autres données utilisateur (nom, adresse, nom d'utilisateur, ... Laissant maintenant la dernière exigence car elle nécessite un script côté serveur, examinons les possibilités en utilisant le client) ; côté HTML et JavaScript.Sécurité du serveur
js pour implémenter une simple vérification de formulaire opération
Le formulaire suivant comporte trois champs de saisie : nom d'utilisateur, pwd1 et pwd2. Lorsque le formulaire est soumis, le script checkForm analyse la valeur d'entrée et renvoie vrai ou faux. Si une valeur fausse est renvoyée, la soumission du formulaire sera annulée.<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript">
function checkForm(form) {
if(form.username.value == "") {
alert("错误：用户名不能为空！");
form.username.focus();
return false;
}
re = /^\w+$/;
if(!re.test(form.username.value)) {
alert("错误：用户名必须只包含字母、数字和下划线！");
form.username.focus();
return false;
}
if(form.pwd1.value != "" && form.pwd1.value == form.pwd2.value) {
if(form.pwd1.value.length < 6) {
alert("错误：密码必须至少包含六个字符！");
form.pwd1.focus();
return false;
}
if(form.pwd1.value == form.username.value) {
alert("错误：密码必须与用户名不同！");
form.pwd1.focus();
return false;
}
re = /[0-9]/;
if(!re.test(form.pwd1.value)) {
alert("错误：密码必须包含至少一个数字（0至9）！");
form.pwd1.focus();
return false;
}
re = /[a-z]/;
if(!re.test(form.pwd1.value)) {
alert("错误：密码必须包含至少一个小写字母(a-z)!");
form.pwd1.focus();
return false;
}
re = /[A-Z]/;
if(!re.test(form.pwd1.value)) {
alert("错误：密码必须包含至少一个大写字母(A-Z)!");
form.pwd1.focus();
return false;
}
} else {
alert("错误：请检查并确认您输入的密码是否一致！");
form.pwd1.focus();
return false;
}
alert("You entered a valid password: " + form.pwd1.value);
return true;
}
</script>
</head>
<body>
<form onsubmit="return checkForm(this);">
<p>用户名: <input type="text" name="username"></p>
<p>密 码: <input type="password" name="pwd1"></p>
<p>确认密码: <input type="password" name="pwd2"></p>
<p><input type="submit"></p>
</form>
</body>
</html>Rendu : 
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Laravel开发：如何使用Laravel Validation验证表单请求？Jun 13, 2023 pm 01:34 PMLaravel是一个流行的PHPWeb开发框架，它提供了很多方便的功能来加快开发者的工作。其中，LaravelValidation是一种非常实用的功能，它可以帮助我们轻松地验证表单请求和用户输入的数据。本文就将介绍如何使用LaravelValidation验证表单请求。什么是LaravelValidationLaravelValidation是La
如何使用Golang实现Web应用程序的表单验证Jun 24, 2023 am 09:08 AM表单验证是Web应用程序开发中非常重要的一个环节，它能够在提交表单数据之前对数据进行有效性检查，避免应用程序出现安全漏洞和数据错误。使用Golang可以轻松地实现Web应用程序的表单验证，本文将介绍如何使用Golang来实现Web应用程序的表单验证。一、表单验证的基本要素在介绍如何实现表单验证之前，我们需要知道表单验证的基本要素是什么。表单元素：表单元素是指
如何在 PHP 中使用正则表达式来验证密码格式Jun 22, 2023 am 11:15 AM在编写PHP程序时，密码验证是经常会用到的功能。而正则表达式则是一个强大的工具，它可以帮助我们快速有效地验证密码格式。本文将介绍如何在PHP中使用正则表达式来验证密码格式，供PHP开发者参考使用。首先，我们需要了解密码强度，因为好的密码应该具有良好的安全性。一个好的密码应该至少包含：大写字母小写字母数字特殊字符（如@、#、$等）较强的密码还要
php如何使用CodeIgniter4框架？May 31, 2023 pm 02:51 PMPHP是一种非常流行的编程语言，而CodeIgniter4是一种常用的PHP框架。在开发Web应用程序时，使用框架是非常有帮助的，它可以加速开发过程、提高代码质量、降低维护成本。本文将介绍如何使用CodeIgniter4框架。安装CodeIgniter4框架CodeIgniter4框架可以从官方网站（https://codeigniter.com/）下载。下
PHP表单验证技巧：如何使用filter_input函数检验用户输入Aug 01, 2023 am 08:51 AMPHP表单验证技巧：如何使用filter_input函数检验用户输入引言：在开发Web应用程序时，表单是与用户进行交互的重要工具。而正确地验证用户输入，是保证数据的完整性和安全性的关键步骤之一。PHP提供了filter_input函数，可以方便地对用户输入进行验证和过滤。本文将介绍如何使用filter_input函数来检验用户输入，并提供相关的代码示例。一、
PHP正则表达式验证输入密码是否包含数字、字母和符号Jun 24, 2023 am 11:21 AM在计算机编程领域，正则表达式是一种强大的工具，它可以大大简化数据的匹配和处理。在开发一个需要用户注册的网站或应用时，为了保证密码的安全性，常常需要对输入的密码进行验证，最好的方法就是使用正则表达式。PHP作为一种流行的服务器端编程语言，内置了正则表达式函数库，可以方便地对输入密码进行验证。在本文中，我们将介绍如何使用PHP正则表达式验证输入密码是否包含数字、
PHP中的表单验证和过滤方法？Jun 29, 2023 pm 10:04 PMPHP作为一种广泛应用于Web开发的脚本语言，其表单验证和过滤是非常重要的一部分。在用户提交表单的过程中，需要对用户输入的数据进行验证和过滤，以确保数据的安全性和有效性。本文将介绍PHP中如何进行表单验证和过滤的方法和技巧。一、表单验证表单验证是指对用户输入的数据进行检查，以确保数据符合特定的规则和要求。常见的表单验证包括对必填项的验证、邮箱格式、手机号码格
如何在 Go 中使用正则表达式验证密码？Jun 02, 2024 pm 07:31 PMGo中使用正则表达式验证密码的方法如下：定义正则表达式模式，符合最低密码要求：至少8个字符，包含小写字母、大写字母、数字和特殊字符。使用regexp包中的MustCompile函数编译正则表达式模式。使用MatchString方法测试输入字符串是否与正则表达式模式匹配。
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
DVWA
Damn Vulnerable Web App (DVWA) est une application Web PHP/MySQL très vulnérable. Ses principaux objectifs sont d'aider les professionnels de la sécurité à tester leurs compétences et leurs outils dans un environnement juridique, d'aider les développeurs Web à mieux comprendre le processus de sécurisation des applications Web et d'aider les enseignants/étudiants à enseigner/apprendre dans un environnement de classe. Application Web sécurité. L'objectif de DVWA est de mettre en pratique certaines des vulnérabilités Web les plus courantes via une interface simple et directe, avec différents degrés de difficulté. Veuillez noter que ce logiciel
Listes Sec
SecLists est le compagnon ultime du testeur de sécurité. Il s'agit d'une collection de différents types de listes fréquemment utilisées lors des évaluations de sécurité, le tout en un seul endroit. SecLists contribue à rendre les tests de sécurité plus efficaces et productifs en fournissant facilement toutes les listes dont un testeur de sécurité pourrait avoir besoin. Les types de listes incluent les noms d'utilisateur, les mots de passe, les URL, les charges utiles floues, les modèles de données sensibles, les shells Web, etc. Le testeur peut simplement extraire ce référentiel sur une nouvelle machine de test et il aura accès à tous les types de listes dont il a besoin.
Télécharger la version Mac de l'éditeur Atom
L'éditeur open source le plus populaire
ZendStudio 13.5.1 Mac
Puissant environnement de développement intégré PHP
