Dieser Artikel hat den User -Modul -Code von Java Online -Buchladen für Ihre Referenz geteilt. Der spezifische Inhalt ist wie folgt
Reproduktionsbild:
Register.js
$ (function () {/ * * 1. Achten Sie auf alle Fehlermeldungen und schleifen Sie eine Methode auf, um festzustellen, ob die Fehlermeldung angezeigt wird! */$ ("Fehlerklasse"). Jedes (Funktion () {Duschror ($ ($)); // Jedes Element übertragen und jedes Element verwenden, um die Duschror -Methode zu nennen. $ ("#subineBte"). Attr ("Src", "/goods/images/regist2.jpg"); {var labelId = $ (this) .Attr ("id") + "fehler"; // die entsprechende Etikett -ID über das Eingabefeld $ ("#" + labelId) .Text (""); // den Inhalt des Etiketts löschen ($) ("#" + Labeld); {var id = $ (this) .Attr ("id"); // Die ID des aktuellen Eingangsfelds abrufen var funname = "validate" + id.substring (0,1) .touppercase () + id.substring (1) + "()"; // Erhalten Sie den entsprechenden Verifizierungsfunktionsnamen Bewertung /** 5. Überprüfen Sie, ob Sie das Formular senden*/$ ("#Registform"). Subjekt (function () {var bool = true; // Geben Sie an, dass die Verifizierung übergeht, wenn (! ValidatelogInname ()) {bool = false;} if (! Validateloginpass ()) {bool = false;} if (! Galeseloginpat if (! valateMail ()) {bool = false; var value = $ ("#" + id) .val (); // den Inhalt des Eingabefeldes abrufen/ * * 1. Nicht-leer-Überprüfung */if (! value) {/ * * Die entsprechende Beschriftung addieren * Fehlermeldung hinzufügen * Zeigenbezeichnung anzeigen */$ ("#" + id + "Fehler"). "Benutzername kann nicht leer!") duschror ($ ("#" + id + "fehler")); false zurückgeben; } / * * 2. Längenprüfung * / if (value.length <3 || value.length> 20) { / * * Die entsprechende Beschriftung addieren * Fehlermeldung hinzufügen * Zeigenbezeichnung * / $ ("#" + id + "fehler"). Text ("Die Benutzername -Länge muss zwischen 3 und 20!"); duschror ($ ("#" + id + "fehler")); FALSCH; }/** 3. Register check*/$ .ajax ({url: "/good/userServlet", // Das von Servlet angeforderte Daten: {Methode: "ajaxvalidatelogInname", LoginName: Wert}, // Die Parameter zu der Server: "post", datatype: "JSON," JSON, asynec: asynec: asynecc: asynecc: asynecc: asynecc: asynecc: asyync ", asynecc: asynecc: asynecc: asyync", asynecc: asynecc: Asynchron, dann werden wir nicht auf den Server zurückkehren, und unsere Funktion wird nach unten ausgeführt. Return true;}/** Anmeldekennwortüberprüfungsmethode*/Funktion validateloginPass () {var id = "loginPass"; var value = $ ("#" + id) .val (); // Inhalt des Eingabefeldes abrufen/ * * 1. Nicht-leer-Verifizierung */if (! value) {/ * * Die entsprechende Beschriftung abrufen * Fehlermeldung hinzufügen * Zeigenbezeichnung anzeigen */$ ("#" + id + "Fehler"). "Kennwort kann nicht leer sein!"). duschror ($ ("#" + id + "fehler")); false zurückgeben; } / * * 2. Längenüberprüfung * / if (value.length <3 || value.length> 20) { / * * Die entsprechende Beschriftung addieren * Fehlermeldung hinzufügen * Zeigenbezeichnung * / $ ("#" + id + "fehler"). Text ("Kennwortlänge muss zwischen 3 und 20!"); duschror ($ ("#" + id + "fehler")); FALSCH; } Return true; }/** Kennwortüberprüfungsmethode bestätigen*/Funktion validatereloginPass () {var id = "reloginPass"; var value = $ ("#" + id) .val (); // den Inhalt des Eingabefeldes abrufen/ * * 1. Nicht-leer-Überprüfung */if (! value) {/ * * Die entsprechende Beschriftung addieren * Fehlermeldung hinzufügen * Zeigenbezeichnung anzeigen */$ ("#" + id + "Fehler"). duschror ($ ("#" + id + "fehler")); false zurückgeben; } / * * 2. Überprüfen Sie, ob die beiden Eingänge konsistent sind duschror ($ ("#" + id + "fehler")); FALSCH; } Return true; }/** E -Mail -Überprüfungsmethode*/Funktion valateMail () {var id = "E -Mail"; var value = $ ("#" + id) .val (); // den Inhalt des Eingabefeldes abrufen/ * * 1. Nicht-Null-Check */if (! value) {/ * * Die entsprechende Beschriftung abrufen * Fehlermeldung hinzufügen * Beschriftung anzeigen */$ ("#" + id + "Fehler"). "E-Mail kann nicht leer sein!"); duschror ($ ("#" + id + "fehler")); false zurückgeben; }/ * * 2. E-Mail-Formatprüfung */if (!/^ + "Fehler"). Text ("Fehler -E -Mail -Format!"); duschror ($ ("#" + id + "fehler")); FALSCH; }/** 3.. Registrieren und verifizieren*/$ .ajax ({url: "/good/userServlet", // Das Servlet zu angeforderten Daten: {Methode: "ajaxvalidateemail", E -Mail: Wert: Wert}, // Die Parameter für den Server: "Post", "JSON. Warten Sie nicht, dass der Server zurückgibt, und unsere Funktion wird nach unten ausgeführt. zurückkehren; }/** Verifizierungscode -Überprüfungsmethode*/function ValidAnifyCode () {var id = "verifyCode"; var value = $ ("#" + id) .val (); // den Inhalt des Eingabefeldes abrufen/ * * 1. Nicht-leer-Verifizierung */if (! value) {/ * * Die entsprechende Beschriftung addieren * Fehlermeldung hinzufügen * Zeigenbezeichnung anzeigen */$ ("#" + id + "Fehler"). duschror ($ ("#" + id + "fehler")); false zurückgeben; } / * * 2. Längenprüfung * / if (value.length! duschror ($ ("#" + id + "fehler")); FALSCH; }/** 3. Ist es korrekt*/$ .ajax ({url: "/good/userServlet", // Der Servlet, das angefordert werden soll: {Methode: "ajaxvalid ENDERIFYCODE", verifyCode: value}, // Die Parameter zur Server: "post", datytype: "JSON," JSON ", wie usy, wie usy, wie usy, wie usy, wie usy, wie usy, wie usy, is asy, is ity, is ity, is ity, is ity, is ity, is ity, is ity, is ity, ity, itycal, itynec: asyy, is ity, is ity, is ity, itync: as. Asynchron, dann werden wir nicht auf den Server zurückkehren, und unsere Funktion läuft nach unten. zurückkehren; }/ * * Bestimmen Sie, ob das aktuelle Element Inhalt hat. Wenn es existiert, wird die Seite nicht angezeigt! */function duschror (ele) {var text = ele.text (); // Erhalten Sie den Inhalt des Elements if (! text) {// Wenn es keinen Inhalt ELE.CSS ("Anzeige", "keine"); // Das Element ausblenden}} {// Wenn es den Inhalt ELE.CSS ("-Andiell -" -Code "}}}}/}/} · ·« ’«), "),"); // "//"; OderDas obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es wird für das Lernen aller hilfreich sein und ich hoffe, jeder wird Wulin.com mehr unterstützen.