Cet article a partagé le code du module utilisateur de la librairie Java en ligne pour votre référence. Le contenu spécifique est le suivant
Image de reproduction:
registre.js
$ (function () {/ * * 1. Obtenez tous les messages d'erreur et boucez-les sur eux. Appelez une méthode pour déterminer si le message d'erreur est affiché! * / $ (". ErrorClass"). Chaque élément () {doucheror ($ (this)); // transférer chaque élément et utiliser chaque élément pour appeler la méthode de douche}); / * * {$ ("# soumidBtn"). att (src "," /goods/images/regist2.jpg ");}, function () {$ (# soumitn"). $ (". inputclass"). focus (function () {var label = $ (this) .attr ("id") + "error"; // trouver l'ID d'étiquette correspondant via la boîte d'entrée $ ("#" + label) .Text (""); $ (". inputclass"). blur (function () {var id = $ (this) .attr ("id"); // obtenir l'ID de la boîte d'entrée actuelle var funname = "valider" + id.substring (0,1) .toupperase () + id.substring (1) + "()"; // obtenir la fonction de vérification correspondante évalue évaluer (funname); / * * 5. Vérifiez lors de la soumission du formulaire * / $ ("# RegistForm"). Soumise (function () {var bool = true; // indique que la vérification passe if (! ValidateLoginName ()) {bool = false;} if (! ValidateLogInpass ()) {bool = false;} if (! ValidateLoGinpass () {bool = false;} if (! ValidateLeloginpass ()) if (! ValidatEmail ()) {bool = false;} if (! validAveyCode ()) {bool = false;} return bool;});}); / * * Login Nom de la méthode * / fonction validateloginname () {var id = "LoginName"; var valeur = $ ("#" + id) .val (); // Obtenez le contenu de la zone d'entrée / * * 1. Vérification non vide * / if (! Value) {/ * * Obtenez l'étiquette correspondante * Add Message d'erreur * Show Label * / $ ("#" + id + "error"). Text ("Username ne peut pas être vide!"); doucheror ($ ("#" + id + "erreur")); retourne false; } / * * 2. Longueur vérification * / if (value.length <3 || value.length> 20) {/ * * Obtenez l'étiquette correspondante * Add Message d'erreur * Afficher l'étiquette * / $ ("#" + id + "erreur"). Texte ("La longueur du nom d'utilisateur doit être entre 3 et 20!"); doucheror ($ ("#" + id + "erreur")); FAUX; } / * * 3. Registre chèque * / $ .ajax ({url: "/ goches / userservlet", // le servlet à être demandé des données: {méthode: "ajaxvalidateloginname", loginname: valeur}, // les paramètres au serveur: "post", datatype: "json", async: false, // Asynchronous, nous n'attendrons pas le serveur, et notre fonction va vers le bas. return true;} / * * Méthode de vérification du mot de passe de connexion * / fonction validateLoginPass () {var id = "loginpass"; var valeur = $ ("#" + id) .val (); // obtenir le contenu de la boîte d'entrée / * * 1. Vérification non vide * / if (! valeur) {/ * * Obtenez l'étiquette correspondante * Add Message d'erreur * Show Label * / $ ("#" + id + "error"). Text ("Mot de passe ne peut pas être vide!"); doucheror ($ ("#" + id + "erreur")); retourne false; } / * * 2. Vérification de longueur * / if (value.length <3 || value.length> 20) {/ * * Obtenez l'étiquette correspondante * Add Message d'erreur * Afficher l'étiquette * / $ ("#" + id + "erreur"). Texte ("La longueur du mot de passe doit être entre 3 et 20!"); doucheror ($ ("#" + id + "erreur")); FAUX; } return true; } / * * Confirmer la méthode de vérification du mot de passe * / fonction validateRelogInpass () {var id = "reloginpass"; var valeur = $ ("#" + id) .val (); // Obtenez le contenu de la boîte d'entrée / * * 1. Vérification non vide * / if (! valeur) {/ * * Obtenez l'étiquette correspondante * Ajouter le message d'erreur * Show Label * / $ ("#" + id + "error"). Text ("Confirmer le mot de passe ne peut pas être vide!"); doucheror ($ ("#" + id + "erreur")); retourne false; } / * * 2. Vérifiez si les deux entrées sont cohérentes * / if (valeur! = $ ("# Loginpass"). Val ()) {/ * * Obtenez l'étiquette correspondante * Ajouter un message d'erreur * Show Label * / $ ("#" + id + "erreur"). Text ("Les deux entrées sont incompatibles!"); doucheror ($ ("#" + id + "erreur")); FAUX; } return true; } / * * Méthode de vérification par e-mail * / fonction validateMail () {var id = "e-mail"; var valeur = $ ("#" + id) .val (); // Obtenez le contenu de la boîte d'entrée / * * 1. Vérification non nul * / if (! valeur) {/ * * Obtenez l'étiquette correspondante * Ajouter un message d'erreur * Show Label * / $ ("#" + id + "error"). Text ("Email ne peut pas être vide!"); doucheror ($ ("#" + id + "erreur")); retourne false; } / * * 2. Vérification du format par e-mail * / if (! / ^ ([A-za-z0-9 _-]) + @ ([a-za-z0-9 _-]) + ((/. + "Erreur"). Texte ("Format d'e-mail d'erreur!"); doucheror ($ ("#" + id + "erreur")); FAUX; } / * * 3. Enregistrez et vérifiez * / $ .ajax ({url: "/ biens / userservlet", // le servlet à être demandé des données: {méthode: "ajaxvalidateemail", e-mail: valeur}, // les paramètres au serveur: "post", datatype: "JSON", alors false, // n'attendez pas que le serveur revienne, et notre fonction va vers le bas. Retour Vrai; } / * * Code de vérification Méthode de vérification * / fonction validateverifycode () {var id = "VerifyCode"; var valeur = $ ("#" + id) .val (); // Obtenez le contenu de la boîte d'entrée / * * 1. Vérification non vide * / if (! Value) {/ * * Obtenez l'étiquette correspondante * Add Message d'erreur * Show Label * / $ ("#" + id + "erreur"). Text ("Code de vérification ne peut pas être vide!"); doucheror ($ ("#" + id + "erreur")); retourne false; } / * * 2. Longueur vérification * / if (value.length! = 4) {/ * * Obtenez l'étiquette correspondante * Ajouter un message d'erreur * afficher l'étiquette * / $ ("#" + id + "erreur"). Text ("Mauvais code de vérification!"); doucheror ($ ("#" + id + "erreur")); FAUX; } / * * 3. Est-ce correct * / $ .ajax ({url: "/ gochs / userservlet", // le servlet à être demandé des données: {Méthode: "AjaxValidateSifyCode", VerifyCode: Value}, // Les paramètres au serveur: "Post", Datatype: "JSON", async: false, // Asynchronous, alors nous n'attendrons pas que le serveur revienne, et notre fonction va vers le bas. Retour Vrai; } / * * Déterminez si l'élément actuel a du contenu. S'il existe, la page ne sera pas affichée! * / fonction doucheror (ele) {var text = ele.text (); // Obtenez le contenu de l'élément if (! text) {// s'il n'y a pas de contenu ele.css ("affiche", "aucun"); // masquer l'élément} else {// s'il y a du contenu ele.css ("affiche", ""); / {/ * * 1. Obtenez l'élément <img> * 2. Réinitialisez son src * 3. Utilisez des millisecondes pour ajouter le paramètre * / $ ("# imgverifycode"). Att ("src", "/ biens / vérificationcodeservlet? A =" + new Date (). GetTime ());}Ce qui précède est tout le contenu de cet article. J'espère que cela sera utile à l'apprentissage de tous et j'espère que tout le monde soutiendra davantage Wulin.com.