E 메일 확인은 단순화 된 버전을 달성하기 위해

 

 

JQuery와 필요한 항아리 패키지

직접 코드에 :

index.jsp를 :

<% - 
  인 IntelliJ의 IDEA 작성. 
  사용자 : 관리자 
  날짜 : 2019 년 / (10) / (16) 
  시간 : 21 : 43 
  하려면 이 템플릿을 사용 파일을 변경 | 설정 | 파일 템플릿.
- %> 
<% @ 페이지의 contentType = " text / html과; 문자셋 = UTF-8 " 언어 = " 자바 "  %> 
< HTML > 
< 머리 > 
    < 제목 >实现验证邮箱</ 제목 > 
    < 스크립트유형 = "텍스트 / 자바 스크립트" SRC = "JS / jquery.min.js" > </ 스크립트 > 
    < 스크립트 SRC = "JS / yz.js" > </ 스크립트 > 
    < 스타일 > 
        범위 { 
색상 : 빨강 ; 
        } 
    </ 스타일 > 
</ 머리 > 
< 몸 > 

< 스크립트 > 

    $ ( 함수 () { 
        $ ( " # A " ).

            $ ( " # NAME " ) .val ();
            var에 이메일 = $ ( " #email " ) .val (); 
            $ 아약스 ({ 

                유형 : " 포스트 " , 
                dataType와 : " 텍스트 " , 
                URL : " UserServlet " , 
                데이터 : { " 이름 " 이름, " 이메일 " : 이메일}, 
                성공 : 기능 (데이터) { 
                    문서.B ' ) .innerHTML = 데이터; 
                } 
                오류 : 함수 (MSG) { 
                    경보 ( " 접촉 고객 " ) 
                } 
            }) 

        }) 

    }) 

</ 스크립트 > 
<% - 사용자 및 사서함 - %> 
< 폼 조치 = '' 에있어서, = "POST" > 
    < P- 형 > 
        사용자 이름 : < 의 INPUT 유형의 = "텍스트"이름 = '사용자 이름 " ID ="이름 " 자리 ="请输入用户名" >  < 스팬 > * </ 스팬 >  < BR /> 
    </ P > 
    < P > 
        邮箱: & NBSP; & NBSP;  < 입력 유형 = "텍스트" 이름 = "이메일" ID = "이메일" 자리 = "请输入邮箱" >  < 스팬 > * </ 스팬 >  < BR />
    
    
        < 입력 타입 = "제출"값 = "登录" ID = "A" > 
    </ P > 
</ 형태 > 
< DIV ID = "B" > </ DIV > 

</ 바디 > 
</ HTML >

yz.js 코드 :

$ (함수 () { 


    $ ( "[이름 = 이름]"), 흐림 (함수 () {. 

        VAR userName을 = $ ( "[이름 = 이름]") 발 (). 
        경우 (사용자 이름 == 널 ||는 userName == "") { 
            $ (이) 다음 내용 (). HTML ( "*用户名不能为空")에 .css ( "색상", "빨간색") 
        } 다른 { 

            경우 (userName.length < 4 ||는 userName > 18) { 
                $ (이) 다음 내용 (). HTML ( "*用户名长度只能在4和18之间,包括4和18"). CSS ( "컬러", "레드") 
            한다} else { 
                $ (이) 다음 내용 (). HTML ( "√"). CSS ( "컬러", "녹색") 
            } 

        } 
    }) 
    $ ( "[이름 = 이메일]").흐림 (함수 () { 
흐림 (함수 () { 
        VAR 이메일 = $ ( "[이름 = 이메일]") 발 ().;
        경우 (이메일 == 널 || 이메일 == "") {
            . $ (이) 다음 내용 () HTML ( "*邮箱不能为空")에 .css ( "색상", "빨간색") 
        } 다른 { 
            var에 정규식 = / ^ ([A-ZA-Z0-9 _ \ - \ .]) + \ @ ([A-ZA-Z0-9 _ \ - \]) + \ ([A-ZA-Z] {2,4}) $ /..; 
            경우 (regex.test (이메일)) { 
                $ (이) 다음 내용 (). HTML ( "√"). CSS ( "색상", "녹색") 
            다른} { 
                $ (이) 다음 내용 (). HTML ( "*邮箱格式不正确") .CSS ( "컬러", "레드") 

            } 

        } 
    }) 

    $ ( "폼"). 제출 (함수 () { 
        VAR S1 = $ ( "[이름 = 이름]"). . 다음에 () 텍스트 (); 
        VAR S2 = $ ( "[이름 = 이메일]"), 다음 () 텍스트 ();.. 
        경우 (S1 == "√"& & S2 ) == "√"{
        } 
        false를 반환; 
    }) 

})

UserServlet 클래스 코드 :

패키지 서블릿; 

수입 javax.servlet.ServletException;
수입 javax.servlet.annotation.WebServlet;
수입 인 javax.servlet.http.HttpServlet;
수입 나오는 javax.servlet.http.HttpServletRequest;
수입 의 javax.servlet.http.HttpServletResponse;
수입 때 java.io.IOException;
가져 오기 를 java.io.PrintWriter; 

@WebServlet ( "/ UserServlet" )
 공공  클래스 UserServlet가 확장 HttpServlet을은 { 
    @Override가 
    보호  무효 의 doGet을 (HttpServletRequest의 REQ, HttpServletResponse를 RESP) 발생ServletException을, IOException가 { 

        req.setCharacterEncoding ( "UTF-8" ); 
        resp.setCharacterEncoding ( "UTF-8" ); 
        의 PrintWriter의 PrintWriter = (RESP) .getWriter (); 
        resp.setContentType ( "텍스트 / HTML; 문자셋 = UTF-8" ); 

        문자열 이름 = req.getParameter ( "이름" ); 
        문자열 이메일 = req.getParameter ( "이메일" ); 
        에서 System.out.println (이름 + "FSFS"+ 이메일);
        경우 (이름! = null의 || 이메일! = null이 ) { 
            printWriter.println ( "//             resp.sendRedirect는 ( "index.jsp가"); 
성공적으로 로그인 확인하려면 다음 
에서 System.out.println ( "AAA 등급");
 
        } 다른 { 
            PrintWriter.println는 ( "로그인! 실패" ) 
        } 


    } 

    @Override는 
    보호  무효 의 doPost (HttpServletRequest의 REQ 상기 HttpServletResponse를 RESP)는 슬로우 {ServletException을 IOException을
         이 본 ; .doGet (REQ, RESP)를 
    } 
}

 

효과 :