Este artículo ha compartido el código del módulo de usuario de la librería en línea de Java para su referencia. El contenido específico es el siguiente
Imagen de reproducción:
registrar.js
$ (function () {/ * * 1. Obtenga todos los mensajes de error y pase sobre ellos. Llame a un método para determinar si se muestra el mensaje de error! */$ (". ErrorClass"). Cada (function () {showerRor ($ (this)); // transfiere cada elemento y use cada elemento para llamar al método});/ * * 2. Toggle la imagen del botón de registro */$ ("#Subtnbt). Hoverbt (function Hover (function Howver). {$ ("#SubtBtn"). Attr ("Src", "/goods/images/regist2.jpg"); $ (". InputClass"). Focus (function () {var LabelId = $ (this) .Attr ("id") + "error";/UBILIA la ID de etiqueta correspondiente a través del cuadro de entrada $ ("#" + LaborId) .Text (""); // Borrar el contenido de la etiqueta! $(".inputClass").blur(function() { var id = $(this).attr("id");//Get the id of the current input box var funName = "validate" + id.substring(0,1).toUpperCase() + id.substring(1) + "()";//Get the corresponding verification function name eval(funName);//Execute function call}); /** 5. Verifique al enviar el formulario*/$ ("#Registform"). Subt (function () {var bool = true; // indica que la verificación pasa if (! ValidAteloginName ()) {bool = false;} if (! ValidAteloginPasspass ()) {bool = false;} if (! ValTaterAnpass ()))))) if (! ValidateMail ()) {bool = false; Value var = $ ("#" + id) .val (); // Obtener el contenido del cuadro de entrada/ * * 1. Verificación no vacía */if (! Value) {/ * * Obtenga la etiqueta correspondiente * Agregar mensaje de error * Mostrar etiqueta */$ ("#" + id + "error"). Text ("UserName no se puede vaciar!"); ducha de ducha ($ ("#" + id + "error")); devolver falso; } / * * 2. Check de longitud * / if (value.length <3 || value.length> 20) { / * * Obtenga la etiqueta correspondiente * Agregar mensaje de error * Show Label * / $ ("#" + id + "Error"). Text ("La longitud del nombre de usuario debe estar entre 3 y 20!"); ducha de ducha ($ ("#" + id + "error")); FALSO; }/** 3. Registre cheque*/$ .AJAX ({url: "/Goods/Userservlet", // El servlet se solicitará datos: {método: "AjaxvalidatEloginName", LoginName: Value}, // Los parámetros al servidor: "Publicar", DataType: "JSon", ASYNC: FALSE, // Si la solicitud es Asynchron, es asynchrons, es asynchrons. Asynchronous, no esperamos que el servidor regrese, y nuestra función se ejecutará hacia abajo. return true;}/** Método de verificación de contraseña de inicio de sesión*/function ValidAteloginPass () {var id = "LoginPass"; Value var = $ ("#" + id) .val (); // Obtener contenido de cuadro de entrada/ * * 1. Verificación no vacía */if (! Value) {/ * * Obtenga la etiqueta correspondiente * Agregar mensaje de error * Mostrar etiqueta */$ ("#" + id + "error"). Text ("contraseña no puede estar vacía!"); ducha de ducha ($ ("#" + id + "error")); devolver falso; } / * * 2. Verificación de longitud * / if (value.length <3 || value.length> 20) { / * * Obtenga la etiqueta correspondiente * Agregar mensaje de error * Mostrar etiqueta * / $ ("#" + id + "error"). El texto ("La longitud de la contraseña debe estar entre 3 y 20!"); ducha de ducha ($ ("#" + id + "error")); FALSO; } return verdadero; }/** Confirmar Método de verificación de contraseña*/function ValidaterAloginPass () {var id = "ReloginPass"; Value var = $ ("#" + id) .val (); // Obtener el contenido del cuadro de entrada/ * * 1. Verificación no vacía */if (! Value) {/ * * Obtenga la etiqueta correspondiente * Agregar mensaje de error * Mostrar etiqueta */$ ("#" + id + "error"). Text ("Confirme la contraseña no se puede vaciar!"); ducha de ducha ($ ("#" + id + "error")); devolver falso; } / * * 2. Compruebe si las dos entradas son consistentes * / if (value! = $ ("#Loginpass"). Val ()) { / * * Obtenga la etiqueta correspondiente * Agregar mensaje de error * Show Label * / $ ("#" + ID + "Error"). Text ("¡Las dos entradas son incompatibles!"); ducha de ducha ($ ("#" + id + "error")); FALSO; } return verdadero; }/** Método de verificación de correo electrónico*/function validateMail () {var id = "correo electrónico"; Value var = $ ("#" + id) .val (); // Obtener el contenido del cuadro de entrada/ * * 1. Non-Null Check */if (! Value) {/ * * Obtenga la etiqueta correspondiente * Agregar mensaje de error * Mostrar etiqueta */$ ("#" + id + "error"). Text ("El correo electrónico no puede estar vacío!"); ducha de ducha ($ ("#" + id + "error")); devolver falso; }/ * * 2. Comprobación de formato de correo electrónico */if (!/^([A-za-z0-9 _-])+@([a-za-z0-9 _-])+((/. [A-za-z0-9 _-] {2,3}) {1,2}) $/. Prueba (valor)) {/ * * obtenga la etiqueta */identifica * + "Error"). Text ("¡Formato de correo electrónico de error!"); ducha de ducha ($ ("#" + id + "error")); FALSO; }/** 3. Registre y verifique*/$ .AJAX ({url: "/Goods/UserServlet", // El servlet se solicitará datos: {método: "ajaxvalidateMail", correo electrónico: valor}, // los parámetros en el servidor: "publicar", dataType: "json", async: false, // si la solicitud es asynChronous, si está asynChronous, está asynChons, está asynChons, es asynChons, es asynChronus, es asynch No espere que el servidor regrese, y nuestra función se ejecuta hacia abajo. devolver verdadero; }/** Método de verificación de código de verificación*/function ValidingifyCode () {var id = "VerifyCode"; Value var = $ ("#" + id) .val (); // Obtener el contenido del cuadro de entrada/ * * 1. Verificación no vacía */if (! Value) {/ * * Obtenga la etiqueta correspondiente * Agregar mensaje de error * Mostrar etiqueta */$ ("#" + id + "error"). Text ("El código de verificación no puede estar vacío!"); ducha de ducha ($ ("#" + id + "error")); devolver falso; } / * * 2. Check de longitud * / if (value.length! = 4) { / * * Obtenga la etiqueta correspondiente * Agregar mensaje de error * Show Label * / $ ("#" + id + "Error"). Text ("Código de verificación incorrecto!"); ducha de ducha ($ ("#" + id + "error")); FALSO; } /* * 3. Is it correct*/ $.ajax({ url:"/goods/UserServlet",//The servlet to be requested data:{method:"ajaxValidateVerifyCode", verifyCode:value},//The parameters to the server:"POST", dataType:"json", async:false,//Whether the request is asynchronous, if it is Asynchronous, no esperamos que el servidor regrese, y nuestra función se ejecuta hacia abajo. devolver verdadero; }/ * * Determine si el elemento actual tiene contenido. Si existe, ¡la página no se mostrará! */function showror (ele) {var text = ele.text (); // Obtenga el contenido del elemento if (! text) {// Si no hay contenido ele.css ("visual {/** 1. Obtenga el elemento <img>* 2. Restablezca su src* 3. Use milisegundos para agregar el parámetro*/$ ("#imgverifycode"). Attr ("src", "/gets/verifycodeservlet? A =" + nueva fecha (). GetTime ());}Lo anterior es todo el contenido de este artículo. Espero que sea útil para el aprendizaje de todos y espero que todos apoyen más a Wulin.com.