Este artigo compartilhou o código do módulo de usuário da Livraria Java Online para sua referência. O conteúdo específico é o seguinte
Imagem de reprodução:
Register.js
$ (function () {/ * * 1. Obtenha todas as mensagens de erro e faça uma folga sobre elas. Ligue para um método para determinar se a mensagem de erro é exibida! */$ (". Errorclass"). cada (function () {SHOWROR ($ ( * * 2. function () {$ ("#submitbtn"). Att ("src", "/goods/images/regist2.jpg"); $ (". Inputclass"). Focus (function () {var LABELID = $ (this) .attr ("id") + "erro"; // Encontre o ID do rótulo correspondente através da caixa de entrada $ ("#" + LabelID) .Text ("" // LECT ENTRATION OCLET ENTRATION EM OUTA LABELO EM OUTRATE ENCONTRADO; verifica*/$ (". inputclass"). Blur (function () {var id = $ (this) .attr ("id"); // Obtenha o ID da caixa de entrada atual var funName = "validate" + id.substring (0,1) .toupcase () + id.substring (1) + "()"; chamar}); /** 5. Verifique ao enviar o formulário*/$ ("#registform"). Submeter (function () {var bool = true; // indica que a verificação passa se (! ValidateLogInName ()) {bool = false;} if (! ValidateLoGIrPassins) {bool = false; if (! valideMail ()) {bool = false; var value = $ ("#" + id) .val (); // Obtenha o conteúdo da caixa de entrada/ * * 1. Verificação não vazia */if (! value) {/ * * Obtenha o rótulo correspondente * Adicionar mensagem de erro * Mostrar rótulo */$ ("#" + id + "erro"). Text ("UserName não pode ser vazio!"); chuveiro ($ ("#" + id + "erro")); retornar falso; } / * * 2. Verificação do comprimento * / if (value.length <3 || value.length> 20) { / * * Obtenha o rótulo correspondente * Adicionar mensagem de erro * Mostrar rótulo * / $ ("#" + id + "erro"). Texto ("O comprimento do nome de usuário deve estar entre 3 e 20!"); chuveiro ($ ("#" + id + "erro")); falso; }/** 3. Registre verificação*/$ .ajax ({url: "/bens/userservlet", // o servlet a ser solicitado dados: {método: "ajaxvalidateLoginName", LoginName: value}, // os parâmetros do servidor: "Post", Datatype: "JSON",, como asny, // os parâmetros do servidor: "Post", Datatype: " ASYNCIONAL, NÃO ACOMENDO O RETUMENTO DE REGULAR OS ENCONTRO OUTRADOR DE retornar true;}/** Método de verificação de senha de login*/função validateLogIrpass () {var id = "loginPass"; var value = $ ("#" + id) .val (); // obtenha conteúdo da caixa de entrada/ * * 1. Verificação não vazia */if (! value) {/ * * Obtenha o rótulo correspondente * Adicionar mensagem de erro * Mostrar rótulo */$ ("#" + id + "erro"). Texto ("Senha não pode estar vazia!"); chuveiro ($ ("#" + id + "erro")); retornar falso; } / * * 2. Verificação do comprimento * / if (value.length <3 || value.length> 20) { / * * Obtenha o rótulo correspondente * Adicionar mensagem de erro * Mostrar rótulo * / $ ("#" + id + "erro"). Texto ("o comprimento da senha deve estar entre 3 e 20!"); chuveiro ($ ("#" + id + "erro")); falso; } retornar true; }/** Confirme o método de verificação de senha*/função validateRoLogIminpass () {var id = "relógio"; var value = $ ("#" + id) .val (); // Obtenha o conteúdo da caixa de entrada/ * * 1. Verificação não vazia */if (! Value) {/ * * Obtenha o rótulo correspondente * Adicionar mensagem de erro * Mostrar rótulo */$ ("#" + id + "error"). Texto ("Texto não pode ser vazio!"); chuveiro ($ ("#" + id + "erro")); retornar falso; } / * * 2. Verifique se as duas entradas são consistentes * / if (valor! chuveiro ($ ("#" + id + "erro")); falso; } retornar true; }/** Método de verificação de email*/função validEmail () {var id = "email"; var value = $ ("#" + id) .val (); // Obtenha o conteúdo da caixa de entrada/ * * 1. Verificação não null */if (! value) {/ * * Obtenha o rótulo correspondente * Adicionar mensagem de erro * Mostrar rótulo */$ ("#" + id + "erro"). Texto ("email não pode estar vazio!"); chuveiro ($ ("#" + id + "erro")); retornar falso; }/ * * 2. Formato de email Verificação */if (!/^([A-za-z0-9 _-])+@([a-za-z0-9 _-])+((/. [A-za-z0-9 _-] {2,3}) {1,2ing) $/. $ ("#" + id + "erro"). Texto ("Erro email formato de email!"); chuveiro ($ ("#" + id + "erro")); falso; }/** 3. Registre -se e verifique*/$ .ajax ({url: "/bens/userServlet", // o servlet a ser solicitado dados: {método: "ajaxValateMail", email: valor}, // os parâmetros para o servidor: "post", datatype: "json", comony, como o false, // os parâmetros, se é o que é o que é o que é o sinistro, o que não é o sinistro, o que não é o sinistro, o que não é o sinistro, o que não é o sinistro, o que é o sinistro, o que é o que é o sinistro, o que é o sinistro, o que é o sinistro, o que é o sinistro. Aguarde o retorno do servidor e nossa função será executada para baixo. retornar true; }/** Método de verificação do código de verificação*/função VididutydyCode () {var id = "verifyCode"; var value = $ ("#" + id) .val (); // Obtenha o conteúdo da caixa de entrada/ * * 1. Verificação não vazia */if (! value) {/ * * Obtenha o rótulo correspondente * Adicionar mensagem de erro * Mostrar rótulo */$ ("#" + id + "erro"). Texto ("O código de verificação não pode ser vazio!"); chuveiro ($ ("#" + id + "erro")); retornar falso; } / * * 2. Verificação do comprimento * / if (value.length! = 4) { / * * Obtenha o rótulo correspondente * Adicionar mensagem de erro * Mostrar rótulo * / $ ("#" + id + "erro"). Texto ("código de verificação incorreta!"); chuveiro ($ ("#" + id + "erro")); falso; }/** 3. Está correto*/$ .ajax ({url: "/bens/userServlet", // o servlet a ser solicitado dados: {método: "ajaxValiduthateFodEcode", verifyCode: value}, // os parâmetros para o servidor: "post", datatype: "json",, como asny, asny, // os parâmetros para o servidor: "post", datatype: "json",, comonyn, asyn, // os parâmetros: o servidor: "post", datatype: "json",, como asny, // os parâmetros: "post", "json", comonynC: " Em seguida, não aguarda o retorno do servidor e nossa função será executada para baixo. retornar true; }/ * * Determine se o elemento atual possui conteúdo. Se existir, a página não será exibida! */function slowror (ele) {var text = ele.text (); // obtenha o conteúdo do elemento if (! text) {// se não houver conteúdo ele.css ("display", "nenhum"); // hide o elemento} else {// se houver conteúdo ele.css ("exibir", ""); _hyz () {/** 1. Obtenha o elemento <MG>* 2. Redefina seu src* 3. Use milissegundos para adicionar o parâmetro*/$ ("#imgVerifyCode"). att ("src", "/bens/verifyCodESLET? A =" + nova data ().O exposto acima é todo o conteúdo deste artigo. Espero que seja útil para o aprendizado de todos e espero que todos apoiem mais o wulin.com.