WebProgramming/find.js at main · choijingyeong/WebProgramming · GitHub

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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
let form = document.getElementById("form");
let email = document.getElementById("email");
let phone = document.getElementById("phone");
let btn = document.getElementById("btn");

function emailDiv() {
    if(form.childElementCount > 2) {
        form.firstChild.remove();
    }
    let div = document.createElement("div");
    div.className = "int-area";
    let input = document.createElement("input");
    input.type = "text";
    input.name = "email";
    input.id = "info";
    input.autocomplete = "off";
    input.required = true;
    let label = document.createElement("label");
    label.htmlFor = "email";
    var t = document.createTextNode("이메일");
    label.appendChild(t);
    div.appendChild(input);
    div.appendChild(label);

    form.insertBefore(div, form.firstChild);
}

function phoneDiv() {
    if(form.childElementCount > 2) {
        form.firstChild.remove();
    }
    let div = document.createElement("div");
    div.className = "int-area";
    let input = document.createElement("input");
    input.type = "text";
    input.name = "phone";
    input.id = "info";
    input.autocomplete = "off";
    input.required = true;
    let label = document.createElement("label");
    label.htmlFor = "phone";
    var t = document.createTextNode("전화번호");
    label.appendChild(t);
    div.appendChild(input);
    div.appendChild(label);

    form.insertBefore(div, form.firstChild);
}

email.addEventListener("click", emailDiv);
phone.addEventListener("click", phoneDiv);
btn.addEventListener("click", kind);

function kind() {
   if(btn.value == "id") {
    findid();
   } else {
    findpw();
   }
}

function findid() {
    $.ajax({
        url: 'findid.php',
        type: 'POST',
        data: {
            info: $("#info").val(),
            name: $("#id").val()
        },
        success: function (data) {
            if(data != 'false'){
                alert("고객님의 아이디는 "+data+" 입니다.");
            } else {
                alert("해당하는 계정이 없습니다.");
            }
        },
        error: function (e) {
          alert(e.reponseText);
        }
      });
}

function findpw() {
    $.ajax({
        url: 'findpw.php',
        type: 'POST',
        data: {
            info: $("#info").val(),
            name: $("#name").val(),
            id: $("#id").val()
        },
        success: function (data) {
            if(data != 'false'){
                alert("고객님의 비밀번호는 "+data+" 입니다.");
            } else {
                alert("해당하는 계정이 없습니다.");
            }
        },
        error: function (e) {
          alert(e.reponseText);
        }
      });
}