interface Web
js tutoriel
Explication détaillée de la page d'enregistrement de vérification régulière jQuery
Explication détaillée de la page d'enregistrement de vérification régulière jQuery
Cet article présente principalement la fonction de page d'enregistrement de vérification régulière de jQuery, impliquant des compétences d'opération de vérification régulière pour les noms d'utilisateur, les mots de passe, les adresses e-mail, les numéros de téléphone portable, etc. Les amis qui en ont besoin peuvent s'y référer. J'espère que cela pourra aider tout le monde. .
L'exemple de cet article décrit la fonction de page d'enregistrement de vérification régulière de jQuery. Partagez-le avec tout le monde pour référence, comme suit :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>正则验证注册页面</title>
<style type="text/css">
.red{
color:#cc0000;
font-weight:bold;
}
</style>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script language="JavaScript">
function $(elementId){
return document.getElementById(elementId).value;
}
function pId(elementId){
return document.getElementById(elementId);
}
// 用户名验证
function checkUser(){
var user = $("user");
var userId = pId("user_prompt");
userId.innerHTML="";
var reg=/^[a-zA-Z][a-zA-Z0-9]{3,15}$/;
if(reg.test(user)==false){
userId.innerHTML="用户名不正确";
return false;
}
return true;
}
// password check
function checkPwd(){
var pwd = $("pwd");
var pwdId = pId("pwd_prompt");
pwdId.innerHTML="";
var reg = /^[a-zA-Z0-9]{4,10}$/;
if(reg.test(pwd)==false){
pwdId.innerHTML = "密码不能含有非法字符，长度在4-10之间";
return false;
}
return true;
}
function checkRepwd(){
var repwd = $("repwd");
var pwd = $("pwd");
var repwdId = pId("repwd_prompt");
repwdId.innerHTML=""
if(pwd!=repwd){
repwdId.innerHTML="两次密码不一致";
return false;
}
return true;
}
// 邮箱验证
function checkEmail(){
var email = $("email");
var email_prompt = pId("email_prompt");
email_prompt.innerHTML="";
var reg = /^\w+@\w+(\.[a-zA-Z]{2,3}){1,2}$/;
if(reg.test(email)==false){
email_prompt.innerHTML="Email格式不对，请输入正确email";
return false;
}
return true;
}
// 手机号验证
function checkMobile() {
var mobile = $("mobile");
var mobileId = pId("mobile_prompt");
mobileId.innerHTML="";
var reMobile = /^1\d{10}$/;
if (reMobile.test(mobile)==false){
mobileId.innerHTML="手机号输入有误";
return false;
}
return true;
}
// 生日验证
function checkBirth(){
var birth = $("birth");
var birthId = pId("birth_prompt");
birthId.innerHTML="";
var reg = /^((19\d{2})|(200\d))-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1])$/;
if(reg.test(birth)==false){
birthId.innerHTML="生日格式不对";
return false;
}
return true;
}
</script>
</head>
<body>
<table class="main" border="0" callpadding="0" cellspacing="0">
<tr>
<td><img src="images/logo.jpg" alt="logo"><img src="images/banner.jpg" alt="banner"></td>
</tr>
<tr>
<td class="hr_1">新用户注册</td>
</tr>
<tr>
<td style="height: 10px;"></td>
</tr>
<form action="" method="post" name="myform">
<tr>
<td><table>
<tr>
<td class="left">用户名：</td>
<td class="center"><input type="text" id="user" class="in" onblur="checkUser()"></td>
<td><p id="user_prompt">用户名由英文字母和数字组成-4到16位字符，以字母开头</p></td>
</tr>
<tr>
<td class="left">密码：</td>
<td class="center"><input type="password" id="pwd" class="in" onblur="checkPwd()"></td>
<td><p id="pwd_prompt">密码由英文字母和数字组成的4-10位字符</p></td>
</tr>
<tr>
<td class="left">确认密码：</td>
<td class="center"><input type="password" id="repwd" class="in" onblur="checkRepwd()"></td>
<td><p id="repwd_prompt"></p></td>
</tr>
<tr>
<td class="left">电子邮箱：</td>
<td class="center"><input type="text" id="email" class="in" onblur="checkEmail()"></td>
<td><p id="email_prompt"></p></td>
</tr>
<tr>
<td class="left">手机号码：</td>
<td class="center"><input type="text" id="mobile" class="in" onblur="checkMobile()"></td>
<td><p id="mobile_prompt"></p></td>
</tr>
<tr>
<td class="left">生日：</td>
<td class="center"><input type="text " id="birth" class="in" onblur="checkBirth()"></td>
<td><p id="birth_prompt"></p></td>
</tr>
<tr>
<td class="left"> </td>
<td class="center"><input name="" type="image" src="images/register.jpg" /></td>
<td> </td>
</tr>
</table>
</td>
</tr>
</form>
</table>
</body>
</html>Recommandations associées :
fonctions communes javascript et vérification régulière expressions Résumé du code
php Utiliser des expressions régulières pour vérifier les adresses e-mail
Exemple d'affichage HTML à l'aide d'un formulaire de vérification d'expression régulière
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!
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
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
Comment enregistrer plusieurs comptes sur Xiaohongshu ? Serai-je découvert si j'enregistre plusieurs comptes ?
Mar 25, 2024 am 09:41 AM
En tant que plate-forme intégrant les réseaux sociaux et le commerce électronique, Xiaohongshu a attiré de plus en plus d'utilisateurs. Certains utilisateurs espèrent enregistrer plusieurs comptes pour une meilleure expérience d'interaction avec Xiaohongshu. Alors, comment enregistrer plusieurs comptes sur Xiaohongshu ? 1. Comment enregistrer plusieurs comptes sur Xiaohongshu ? 1. Utilisez différents numéros de téléphone mobile pour vous inscrire Actuellement, Xiaohongshu utilise principalement des numéros de téléphone mobile pour enregistrer des comptes. Les utilisateurs essaient parfois d'acheter plusieurs cartes de numéro de téléphone mobile et de les utiliser pour enregistrer plusieurs comptes Xiaohongshu. Cependant, cette approche présente certaines limites, car l’achat de plusieurs cartes de numéro de téléphone mobile est fastidieux et coûteux. 2. Utilisez l'e-mail pour vous inscrire En plus de votre numéro de téléphone mobile, votre e-mail peut également être utilisée pour enregistrer un compte Xiaohongshu. Les utilisateurs peuvent préparer plusieurs adresses e-mail, puis utiliser ces adresses e-mail pour enregistrer des comptes. mais
Comment créer un compte Xiaohongshu ? Que faut-il pour créer un compte Xiaohongshu ?
Mar 22, 2024 am 10:16 AM
Xiaohongshu, plateforme sociale intégrant vie, divertissement, shopping et partage, est devenue un élément indispensable du quotidien de nombreux jeunes. Alors, comment créer un compte Xiaohongshu ? 1. Comment créer un compte Xiaohongshu ? 1. Ouvrez le site officiel de Xiaohongshu ou téléchargez l'application Xiaohongshu. Cliquez sur le bouton « S'inscrire » ci-dessous et vous pourrez choisir différentes méthodes d'inscription. Actuellement, Xiaohongshu prend en charge l'enregistrement avec des numéros de téléphone mobile, des adresses e-mail et des comptes tiers (tels que WeChat, QQ, Weibo, etc.). 3. Remplissez les informations pertinentes. Selon la méthode d'inscription sélectionnée, renseignez le numéro de téléphone mobile, l'adresse e-mail ou les informations de compte tiers correspondants. 4. Définissez un mot de passe. Définissez un mot de passe fort pour sécuriser votre compte. 5. Terminez la vérification. Suivez les invites pour terminer la vérification du téléphone mobile ou la vérification de l'e-mail. 6. Perfectionner l’individu
Comment créer un compte Xiaohongshu ? Comment récupérer si son compte est anormal ?
Mar 21, 2024 pm 04:57 PM
En tant que l'une des plateformes de partage de style de vie les plus populaires au monde, Xiaohongshu a attiré un grand nombre d'utilisateurs. Alors, comment créer un compte Xiaohongshu ? Cet article vous présentera en détail le processus d'enregistrement du compte Xiaohongshu et répondra à la question de savoir comment récupérer les anomalies du compte Xiaohongshu. 1. Comment créer un compte Xiaohongshu ? 1. Téléchargez l'application Xiaohongshu : recherchez et téléchargez l'application Xiaohongshu dans la boutique d'applications mobiles, et ouvrez-la une fois l'installation terminée. 2. Enregistrez un compte : après avoir ouvert l'application Xiaohongshu, cliquez sur le bouton « Moi » dans le coin inférieur droit de la page d'accueil, puis sélectionnez « S'inscrire ». 3. Remplissez les informations d'enregistrement : Remplissez le numéro de téléphone mobile, définissez le mot de passe, le code de vérification et d'autres informations d'enregistrement selon les invites. 4. Complétez les informations personnelles : après une inscription réussie, suivez les instructions pour compléter les informations personnelles, telles que le nom, le sexe, la date de naissance, etc. 5. Paramètres
Comment créer un compte qooapp
Mar 19, 2024 pm 08:58 PM
qooapp est un logiciel qui peut télécharger de nombreux jeux, alors comment créer un compte ? Les utilisateurs doivent cliquer sur le bouton « S'inscrire » s'ils n'ont pas encore de pass, puis choisir une méthode d'inscription. Cette introduction à la méthode d'enregistrement de compte est suffisante pour vous expliquer comment la faire fonctionner. Ce qui suit est une introduction détaillée, alors jetez-y un œil. Comment créer un compte qooapp ? Réponse : Cliquez pour vous inscrire, puis choisissez une méthode d'inscription. Méthodes spécifiques : 1. Après avoir accédé à l'interface de connexion, cliquez ci-dessous. Vous n'avez pas encore de pass ? 2. Choisissez ensuite la méthode de connexion dont vous avez besoin. 3. Vous pouvez l’utiliser directement après. Inscription sur le site officiel : 1. Ouvrez le site Web https://apps.ppaooq.com/ et cliquez sur le coin supérieur droit pour vous inscrire. 2. Sélectionnez l'inscription
Comment vérifier combien de temps s'est écoulé depuis l'enregistrement sur WeChat ? Comment vérifier depuis combien de temps vous êtes inscrit sur WeChat
Mar 13, 2024 am 08:52 AM
WeChat est un logiciel social populaire doté de fonctions riches et de nombreux utilisateurs. Si vous souhaitez vérifier depuis combien de temps vous êtes inscrit sur WeChat, bien que WeChat lui-même ne fournisse pas directement la fonction de vérification de l'heure d'inscription, nous pouvons spéculer via certaines méthodes indirectes. Cependant, ces méthodes ne sont pas absolument précises car divers facteurs peuvent affecter l’exactitude des résultats. Si vous avez des exigences précises concernant l'heure d'inscription, il est recommandé de contacter le service client WeChat pour consultation. Comment vérifier combien de temps s'est écoulé depuis l'enregistrement sur WeChat ? La première façon de savoir depuis combien de temps vous êtes inscrit sur WeChat est de vérifier votre boîte aux lettres QQ. Si vous utilisez QQ pour vous connecter à WeChat, après une inscription réussie, votre boîte aux lettres QQ recevra un e-mail de bienvenue de WeChat. Vous pouvez rechercher « WeChat » dans votre boîte aux lettres QQ pour voir s'il existe un tel e-mail, puis déterminer l'heure d'inscription. La deuxième façon est de regarder
Comment enregistrer deux numéros de site B avec un seul numéro de téléphone mobile ? Comment la Station B déconnecte-t-elle son téléphone portable ?
Mar 21, 2024 pm 10:10 PM
Bilibili (Bilibili), en tant que site de partage de vidéos très populaire auprès de la jeunesse chinoise, a attiré un grand nombre d'utilisateurs. Certains utilisateurs espèrent disposer de deux comptes Bilibili afin de pouvoir les gérer et les utiliser séparément. Alors, comment enregistrer deux numéros de site B avec un seul numéro de téléphone mobile ? Cet article se concentrera sur ce problème et sur la manière de dissocier le téléphone mobile. 1. Comment enregistrer deux numéros de site B avec un seul numéro de téléphone mobile ? 1. Enregistrez un nouveau compte : Tout d'abord, ouvrez l'application Bilibili sur votre téléphone mobile ou connectez-vous au site officiel, cliquez sur le bouton « S'inscrire » et sélectionnez la méthode d'enregistrement. Vous pouvez utiliser votre numéro de téléphone mobile, votre e-mail ou un tiers. compte de parti (tel que WeChat, QQ, etc.) pour vous inscrire. 2. Lors de la création d'un compte, veuillez remplir les informations nécessaires selon les invites du système, y compris le numéro de téléphone portable, le code de vérification et le mot de passe défini. Assurez-vous d'utiliser des comptes différents
Comment enregistrer un compte matriciel de numéros vidéo ? Comment créer votre propre compte vidéo ?
Mar 22, 2024 am 10:42 AM
Avec le lancement des comptes vidéo WeChat, de plus en plus de personnes ont vu de nouvelles opportunités de trafic. Par conséquent, l'enregistrement d'un compte matriciel de compte vidéo est devenu la priorité de nombreux créateurs et commerçants. Alors, comment enregistrer un compte matriciel de numéros vidéo ? Comment créer votre propre compte vidéo ? Cet article répondra en détail à ces deux questions. 1. Comment enregistrer un compte matriciel de numéros vidéo ? 1. Compte WeChat : Tout d’abord, vous devez disposer d’un compte WeChat. Si ce n'est pas le cas, veuillez d'abord en enregistrer un. 2. Ouvrez un compte vidéo : dans l'application WeChat, recherchez la page « Découvrir » et cliquez sur « Compte vidéo » pour accéder à la page du compte vidéo. 3. Centre des créateurs : au bas de la page du compte vidéo, cliquez sur le bouton "Centre des créateurs" pour accéder au Centre des créateurs. 4. Enregistrez un compte vidéo : sur la page Creator Center, recherchez l'option "Enregistrer un compte vidéo".
Comment utiliser la méthode de requête PUT dans jQuery ?
Feb 28, 2024 pm 03:12 PM
Comment utiliser la méthode de requête PUT dans jQuery ? Dans jQuery, la méthode d'envoi d'une requête PUT est similaire à l'envoi d'autres types de requêtes, mais vous devez faire attention à certains détails et paramètres. Les requêtes PUT sont généralement utilisées pour mettre à jour des ressources, comme la mise à jour de données dans une base de données ou la mise à jour de fichiers sur le serveur. Ce qui suit est un exemple de code spécifique utilisant la méthode de requête PUT dans jQuery. Tout d'abord, assurez-vous d'inclure le fichier de la bibliothèque jQuery, puis vous pourrez envoyer une requête PUT via : $.ajax({u
