이 기사에서는 참조를 위해 Java Online 서점의 사용자 모듈 코드를 공유했습니다. 특정 내용은 다음과 같습니다
생식 이미지 :
register.js
$ (function () {/ * * 1. 모든 오류 메시지를 가져오고 그 위에 루프하십시오. 메소드를 호출하여 오류 메시지가 표시되는지 여부를 결정하십시오! */$ ( ". errorclass"). 각 (function () {샤워러 ($ (this)); 각 요소를 전송하고 각 요소를 사용하여 샤워러 방법을 호출하여 샤워러를 호출합니다. { "#submittn"). att $ ( ". InputClass"). focus () {var labelid = $ (this) .attr ( "id") + "error"; // 입력 상자 $ ( "#" + labelid) .text ( "")를 통해 해당 레이블 ID를 찾으십시오! Checks*/$ ( ". inputClass"). blur (function () {var id = $ (this) .attr ( "id"); // 현재 입력 상자의 ID를 가져옵니다. var funname = "validate" + id.substring (0,1). 부르다}); /** 5. 양식을 제출할 때 확인*/$ ( "#registform"). 제출 (function () {var bool = true; // 확인이 (! validateLoginName ()) {bool = false;} if (! validateLoginPass ()) {bool = false;} if (! validaterEroginPass; if (! validateEmail ()) {bool = false (! var value = $ ( "#" + id) .val (); // 입력 상자 내용을 가져옵니다/ * * 1. 비어 있지 않은 확인 */if (! value) {/ * * 해당 레이블 받기 * 오류 메시지 추가 */$ ( "#" + id + "or 샤워러 ($ ( "#" + id + "error"); 거짓을 반환합니다. } / * * 2. 길이 점검 * / if (value.length <3 || value.length> 20) { / * * 해당 레이블을 가져옵니다 * 오류 메시지 추가 * 표시 레이블 * / $ ( "#" + id + "error"). 텍스트 ( "사용자 이름 길이는 3과 20 사이 여야합니다!"); 샤워러 ($ ( "#" + id + "error"); 거짓; }/** 3. 레지스터 확인*/$ .ajax ({url : "/goods/userervlet", // 요청 할 서물 데이터 : {method : "ajaxvalidateLoginName", loginName : value}, // 서버에 대한 매개 변수 : "post", async : // 거짓인지, // 비동기식은 서버가 반환 될 때까지 대기하지 않을 것입니다. CACHE : FALSE : FUNCTION (! result) {// 텍스트 ( "#" + id + ")); true;}/** 로그인 비밀번호 검증 방법*/function validateLogInpass () {var id = "loginpass"; var value = $ ( "#" + id) .val (); // 입력 상자 컨텐츠 가져 오기/ * * 1. 비어 있지 않은 검증 */if (! value) {/ * * 해당 레이블 받기 * 오류 메시지 추가 */$ ( "#" + id + "orror"). text ( "비밀번호가 비어있을 수 없습니다!"); 샤워러 ($ ( "#" + id + "error"); 거짓을 반환합니다. } / * * 2. 길이 검증 * / if (value.length <3 || value.length> 20) { / * * 해당 레이블을 가져옵니다 * 오류 메시지 추가 * 표시 레이블 * / $ ( "#" + id + "error"). 텍스트 ( "비밀번호 길이는 3에서 20 사이 여야합니다!"); 샤워러 ($ ( "#" + id + "error"); 거짓; } true를 반환합니다. }/** 비밀번호 확인 방법*/function validateRelogInpass () {var id = "remoginPass"; var value = $ ( "#" + id) .val (); // 입력 상자 내용을 가져옵니다/ * * 1. 비어 있지 않은 검증 */if (! value) {/ * * 해당 레이블 받기 * 오류 메시지 추가 */$ ( "#" + id + "orror"). 샤워러 ($ ( "#" + id + "error"); 거짓을 반환합니다. } / * * 2. 두 입력이 일관되게하는지 * / if (value! = $ ( "#loginpass"). val ()) { / * * 해당 레이블을 가져옵니다 * 오류 메시지 추가 * / $ ( "#" + id + "error"). text ( "두 입력은 일관성이 없다!"); 샤워러 ($ ( "#" + id + "error"); 거짓; } true를 반환합니다. }/** 이메일 확인 방법*/function validateEmail () {var id = "이메일"; var value = $ ( "#" + id) .val (); // 입력 상자 내용을 가져옵니다/ * * 1. nulnull 확인 */if (! value) {/ * * 해당 레이블 받기 * 오류 메시지 추가 */$ ( "#" + id + "orror"). text ( "이메일이 비어있을 수 없습니다!"); 샤워러 ($ ( "#" + id + "error"); 거짓을 반환합니다. }/ * * 2. 이메일 형식 확인 */if (!/^([a-za-z0-9 _-])+@([a-za-z0-9 _-])+((/. $ ( "#" + id + "error"). 텍스트 ( "오류 이메일 형식!"); 샤워러 ($ ( "#" + id + "error"); 거짓; }/** 3. 등록 및 확인*/$ .ajax ({url : "/goods/userervlet", // 요청 할 서물 데이터 : {method : "ajaxvalidateemail", 이메일 : value}, // 서버의 매개 변수 : "post", "json", async : // 서버가 반환되기를 기다리지 않으며, 우리의 기능은 Cache, Success (function) {// 확인이 $ ( "#" + id + "error"); 진실을 반환하십시오. }/** 검증 코드 확인 방법*/함수 validAvorittIfyCode () {var id = "verifyCode"; var value = $ ( "#" + id) .val (); // 입력 상자 내용을 가져옵니다/ * * 1. 비어 있지 않은 확인 */if (! value) {/ * * 해당 레이블 받기 * 오류 메시지 추가 */$ ( "#" + id + "orror"). 샤워러 ($ ( "#" + id + "error"); 거짓을 반환합니다. } / * * 2. 길이 점검 * / if (value.length! = 4) { / * * 해당 레이블을 가져옵니다 * 오류 메시지 추가 * / $ ( "#" + id + "error"). text ( "잘못된 확인 코드!"); 샤워러 ($ ( "#" + id + "error"); 거짓; }/** 3.}이 맞습니까*/$ .ajax ({url : "/goods/userervlet", // 요청 할 서물 데이터 : {method : "ajaxvalideveryifycode", value}, // 서버의 매개 변수 : "post", async : fally, // // 비동기식은 서버가 반환 될 때까지 대기하지 않을 것입니다. CACHE : FALSE : FUNCTION (! result) {// 텍스트 ( "#" + id error "); 진실을 반환하십시오. }/ * * 현재 요소에 내용이 있는지 확인합니다. 존재하면 페이지가 표시되지 않습니다! */function showerror (ele) {var text = ele.text (); // 요소의 내용을 if (! text) if (! text) {// ele.css ( "display", "none"); // 요소 숨기기} elee.css ( "display", "); // verification </function이있는 경우 {/function}}}}}}} {/** 1. <Img> 요소* 2를 가져옵니다.위는이 기사의 모든 내용입니다. 모든 사람의 학습에 도움이되기를 바랍니다. 모든 사람이 wulin.com을 더 지원하기를 바랍니다.