Web-Frontend
js-Tutorial
Ausführliche Erläuterung der Registrierungsseite für die reguläre jQuery-Verifizierung
Ausführliche Erläuterung der Registrierungsseite für die reguläre jQuery-Verifizierung
In diesem Artikel wird hauptsächlich die Funktion der regulären Verifizierungsregistrierungsseite von jQuery vorgestellt, die Fähigkeiten zur regelmäßigen Verifizierung von Benutzernamen, Passwörtern, E-Mail-Adressen, Mobiltelefonnummern usw. umfasst. Freunde, die sie benötigen, können darauf verweisen .
Das Beispiel in diesem Artikel beschreibt die Funktion der Registrierungsseite für die reguläre jQuery-Verifizierung. Teilen Sie es wie folgt als Referenz mit allen:
<!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>Verwandte Empfehlungen:
Gemeinsame Javascript-Funktionen und regelmäßige Überprüfung Ausdrücke Codezusammenfassung
php Verwenden Sie reguläre Ausdrücke, um E-Mail-Adressen zu überprüfen
HTML-Beispielanzeige mithilfe eines Formulars zur Überprüfung regulärer Ausdrücke
Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Registrierungsseite für die reguläre jQuery-Verifizierung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1386
52
Wie registriere ich mehrere Konten bei Xiaohongshu? Werde ich entdeckt, wenn ich mehrere Konten registriere?
Mar 25, 2024 am 09:41 AM
Als Plattform, die soziale Netzwerke und E-Commerce integriert, lockt Xiaohongshu immer mehr Nutzer an. Einige Benutzer möchten mehrere Konten registrieren, um die Interaktion mit Xiaohongshu zu verbessern. Wie kann man also mehrere Konten bei Xiaohongshu registrieren? 1. Wie registriere ich mehrere Konten bei Xiaohongshu? 1. Verwenden Sie zur Registrierung unterschiedliche Mobiltelefonnummern. Derzeit verwendet Xiaohongshu hauptsächlich Mobiltelefonnummern zur Registrierung von Konten. Benutzer versuchen manchmal, Karten mit mehreren Mobiltelefonnummern zu kaufen und damit mehrere Xiaohongshu-Konten zu registrieren. Dieser Ansatz weist jedoch einige Einschränkungen auf, da der Kauf mehrerer Mobilfunknummernkarten umständlich und kostspielig ist. 2. Verwenden Sie zur Registrierung zusätzlich zu Ihrer Mobiltelefonnummer auch Ihre E-Mail-Adresse, um ein Xiaohongshu-Konto zu registrieren. Benutzer können mehrere E-Mail-Adressen vorbereiten und diese E-Mail-Adressen dann zum Registrieren von Konten verwenden. Aber
Wie registriere ich ein Xiaohongshu-Konto? Was ist erforderlich, um ein Xiaohongshu-Konto zu registrieren?
Mar 22, 2024 am 10:16 AM
Xiaohongshu, eine soziale Plattform, die Leben, Unterhaltung, Einkaufen und Teilen integriert, ist für viele junge Menschen zu einem unverzichtbaren Bestandteil des täglichen Lebens geworden. Wie registriert man also ein Xiaohongshu-Konto? 1. Wie registriere ich ein Xiaohongshu-Konto? 1. Öffnen Sie die offizielle Website von Xiaohongshu oder laden Sie die Xiaohongshu-APP herunter. Klicken Sie unten auf die Schaltfläche „Registrieren“ und Sie können verschiedene Registrierungsmethoden auswählen. Derzeit unterstützt Xiaohongshu die Registrierung mit Mobiltelefonnummern, E-Mail-Adressen und Konten von Drittanbietern (wie WeChat, QQ, Weibo usw.). 3. Geben Sie die relevanten Informationen ein. Geben Sie je nach ausgewählter Registrierungsmethode die entsprechende Mobiltelefonnummer, E-Mail-Adresse oder Kontoinformationen eines Drittanbieters ein. 4. Legen Sie ein Passwort fest. Legen Sie ein sicheres Passwort fest, um Ihr Konto zu schützen. 5. Schließen Sie die Verifizierung ab. Befolgen Sie die Anweisungen, um die Mobiltelefon- oder E-Mail-Verifizierung abzuschließen. 6. Vervollkommnen Sie den Einzelnen
Wie registriere ich ein Xiaohongshu-Konto? Wie kann ich eine Wiederherstellung durchführen, wenn das Konto abnormal ist?
Mar 21, 2024 pm 04:57 PM
Als eine der beliebtesten Lifestyle-Sharing-Plattformen der Welt hat Xiaohongshu eine große Anzahl von Nutzern angezogen. Wie registriert man also ein Xiaohongshu-Konto? Dieser Artikel führt Sie ausführlich in den Registrierungsprozess des Xiaohongshu-Kontos ein und beantwortet die Frage, wie Sie Anomalien des Xiaohongshu-Kontos wiederherstellen können. 1. Wie registriere ich ein Xiaohongshu-Konto? 1. Laden Sie die Xiaohongshu-App herunter: Suchen Sie die Xiaohongshu-App im Mobile App Store, laden Sie sie herunter und öffnen Sie sie nach Abschluss der Installation. 2. Registrieren Sie ein Konto: Klicken Sie nach dem Öffnen der Xiaohongshu-APP auf die Schaltfläche „Ich“ in der unteren rechten Ecke der Startseite und wählen Sie dann „Registrieren“. 3. Geben Sie die Registrierungsinformationen ein: Geben Sie die Mobiltelefonnummer ein, legen Sie das Passwort, den Bestätigungscode und andere Registrierungsinformationen entsprechend den Anweisungen fest. 4. Vervollständigen Sie Ihre persönlichen Daten: Befolgen Sie nach erfolgreicher Registrierung die Anweisungen zur Vervollständigung persönlicher Daten wie Name, Geschlecht, Geburtstag usw. 5. Einstellungen
So registrieren Sie ein qooapp-Konto
Mar 19, 2024 pm 08:58 PM
qooapp ist eine Software, die viele Spiele herunterladen kann. Wie registriert man also ein Konto? Benutzer müssen auf die Schaltfläche „Registrieren“ klicken, wenn sie noch keinen Pass haben, und dann eine Registrierungsmethode auswählen. Diese Einführung in die Kontoregistrierungsmethode reicht aus, um Ihnen die Bedienung zu erklären. Im Folgenden finden Sie eine detaillierte Einführung. Werfen Sie also einen Blick darauf. Wie registriere ich ein qooapp-Konto? Klicken Sie auf „Registrieren“, und wählen Sie dann eine Registrierungsmethode aus: 1. Klicken Sie unten auf „Jetzt bewerben“. 2. Wählen Sie dann die gewünschte Anmeldemethode. 3. Sie können es anschließend direkt verwenden. Offizielle Website-Registrierung: 1. Öffnen Sie die Website https://apps.ppaooq.com/ und klicken Sie auf die obere rechte Ecke, um sich zu registrieren. 2. Wählen Sie Registrierung
Wie kann ich überprüfen, wie lange seit der WeChat-Registrierung vergangen ist? So überprüfen Sie, wie lange Sie schon bei WeChat registriert sind
Mar 13, 2024 am 08:52 AM
WeChat ist eine beliebte soziale Software mit umfangreichen Funktionen und vielen Benutzern. Wenn Sie überprüfen möchten, wie lange Sie bereits bei WeChat registriert sind, können wir über einige indirekte Methoden spekulieren, obwohl WeChat selbst keine direkte Funktion zur Überprüfung der Registrierungszeit bietet. Allerdings sind diese Methoden nicht absolut genau, da verschiedene Faktoren die Genauigkeit der Ergebnisse beeinflussen können. Wenn Sie genaue Anforderungen an die Registrierungszeit haben, empfiehlt es sich, den WeChat-Kundendienst zur Beratung zu kontaktieren. Wie kann ich überprüfen, wie lange seit der WeChat-Registrierung vergangen ist? Die erste Möglichkeit, herauszufinden, wie lange Sie schon bei WeChat registriert sind, besteht darin, Ihr QQ-Postfach zu überprüfen. Wenn Sie sich mit QQ bei WeChat anmelden, erhält Ihr QQ-Postfach nach erfolgreicher Registrierung eine Willkommens-E-Mail von WeChat. Sie können in Ihrem QQ-Postfach nach „WeChat“ suchen, um zu sehen, ob eine solche E-Mail vorhanden ist, und dann den Registrierungszeitpunkt ermitteln. Der zweite Weg ist das Anschauen
Wie registriere ich zwei B-Site-Nummern mit einer Mobiltelefonnummer? Wie entbindet Station B ihr Mobiltelefon?
Mar 21, 2024 pm 10:10 PM
Bilibili (Bilibili) hat als Video-Sharing-Website, die bei jungen Chinesen sehr beliebt ist, eine große Anzahl von Nutzern angezogen. Manche Nutzer wünschen sich zwei Bilibili-Konten, damit diese getrennt verwaltet und genutzt werden können. Wie registriert man also zwei B-Site-Nummern mit einer Mobiltelefonnummer? Dieser Artikel konzentriert sich auf dieses Problem und darauf, wie man das Mobiltelefon entbindet. 1. Wie registriere ich zwei B-Site-Nummern mit einer Mobiltelefonnummer? 1. Registrieren Sie ein neues Konto: Öffnen Sie zunächst die Bilibili-App auf Ihrem Mobiltelefon oder melden Sie sich auf der offiziellen Website an, klicken Sie auf die Schaltfläche „Registrieren“ und wählen Sie die Registrierungsmethode aus. Sie können Ihre Mobiltelefonnummer, E-Mail-Adresse oder einen Drittanbieter verwenden. Party-Konto (wie WeChat, QQ usw.), um sich zu registrieren. 2. Geben Sie bei der Registrierung eines Kontos bitte die erforderlichen Informationen gemäß den Systemanweisungen ein, einschließlich Mobiltelefonnummer, Bestätigungscode und festgelegtem Passwort. Achten Sie darauf, unterschiedliche Konten zu verwenden
Wie registriere ich ein Video-Nummernmatrix-Konto? Wie erstelle ich ein eigenes Videokonto?
Mar 22, 2024 am 10:42 AM
Mit der Einführung von WeChat-Videokonten haben immer mehr Menschen neue Traffic-Möglichkeiten gesehen. Daher ist die Registrierung eines Videokonto-Matrixkontos zum Fokus vieler YouTuber und Händler geworden. Wie registriert man also ein Video-Nummernmatrix-Konto? Wie erstelle ich ein eigenes Videokonto? In diesem Artikel werden diese beiden Fragen ausführlich beantwortet. 1. Wie registriere ich ein Video-Nummernmatrix-Konto? 1. WeChat-Konto: Zunächst benötigen Sie ein WeChat-Konto. Wenn nicht, registrieren Sie sich bitte zuerst. 2. Eröffnen Sie ein Videokonto: Suchen Sie in der WeChat-App die Seite „Entdecken“ und klicken Sie auf „Videokonto“, um die Videokontoseite aufzurufen. 3. Creator Center: Klicken Sie unten auf der Videokontoseite auf die Schaltfläche „Creator Center“, um das Creator Center aufzurufen. 4. Registrieren Sie ein Videokonto: Suchen Sie auf der Creator Center-Seite die Option „Videokonto registrieren“.
Kann sich NetEase Master nach dem Abmelden erneut registrieren?
Mar 07, 2024 pm 03:25 PM
NetEase Master APP ist eine soziale Plattform für Gamer. Viele Benutzer möchten wissen, ob NetEase Master sich nach dem Abmelden erneut registrieren kann. Kann sich NetEase Master nach dem Abmelden erneut registrieren? Antwort: Ja. 1. NetEase Master kann sich nach dem Abmelden erneut registrieren. 2. Sie müssen sich jedoch mindestens eine Woche lang registrieren, bevor Sie diese Nummer zur Registrierung auswählen können. 3. Das Konto kann nicht angegeben werden und vorherige Daten werden gelöscht. 4. Nachdem sich der Benutzer abgemeldet hat, wurden alle vorherigen Informationen und zugehörigen Salden gelöscht. Verwandte Artikel: Wie ändert NetEase Master die gebundene Mobiltelefonnummer?
