jQuery - Login 할 때 duplication ID check

2020. 7. 29. 22:54jQuery

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
$(document).ready(function(){
    $('#join').submit(function(){
        
var id=$('.id').val();
var pass=$('#pass').val();
var name=$('#name').val();
var email=$('#email').val();
if(id==""){
    alert('아이디를 입력하세요.');
    $('.id').focus();
    return false;
}
if(pass==""){
    alert('비밀번호를 입력하세요.');
    $('#pass').focus();
    return false;
}
if(name==""){
    alert('이름을 입력하세요.');
    $('#name').focus();
    return false;
}
if(email==""){
    alert('이메일을 입력하세요.');
    $('#email').focus();
    return false;
}
    });
    //id=dupid 버튼 클릭했을때
    //id값을 넘겨줘서 중복체크 결과 받아오기
    $('#dupid').click(function(){
        $.ajax('idCheckForm2.jsp',{
            data:{id:$('.id').val()},
            success:function(returndata){
                $('#divid').html(returndata);
                }
        
            });
    });
    
});
 
 
 
</script>
cs

코드가 정말 간단하고 짧아서 좋았다.  결과를 처리할 페이지를 따로 만들어 두기만 하고

페이지 이동이 아니라 움직이지 않고 결과만 가져오니 속도도 빨랐고, 간편하다고 느껴졌다.

문법이 익숙해진다면 금방금방 적용시킬 수 있을 것 같다. 그리고 Null을 표현하고 싶을 때

null을 적지 말고 "" 이렇게 적어줘야 한다. 잊어버리지 말자!

'jQuery' 카테고리의 다른 글

jQuery - XML  (0) 2020.07.29
jQuery - 결과가져오기  (0) 2020.07.29
jQuery - inner_pade  (0) 2020.07.28
jQuery - click,append,submit  (0) 2020.07.28
jQuery - 설치 및 기초 표현방식  (0) 2020.07.27