document.addEventListener("DOMContentLoaded", () => {

    // 아이디 중복 체크
    const btn_id_check = document.querySelector("#btn_id_check")
    btn_id_check.addEventListener("click", () => {
        const f_id = document.querySelector("#f_id")

        if (f_id.value.trim() === '') {
            alert('아이디를 입력해 주세요');
            f_id.focus();
            return;
        }


        // AJAX
        const f1 = new FormData()
        f1.append('id', f_id.value)
        f1.append('mode', 'id_chk')

        const xhr = new XMLHttpRequest()
        xhr.open("POST", "/member/pg/member_process.php", true); //절대경로

        xhr.send(f1)

        xhr.onload = () => {
            if(xhr.status == 200) {
                const data = JSON.parse(xhr.responseText)
                if(data.result == 'sucess') {
                    alert('사용이 가능한 아이디입니다.')
                    document.input_form.id_chk.value = "1"
                }else if(data.result == 'fail') {
                    alert('이미 사용 중인 아이디입니다. 다른 아이디를 입력해 주세요.')
                    document.input_form.id_chk.value = "0"
                    f_id.value = ''
                    f_id.focus()
                }
            }

        }

    })

    // 가입 버튼 클릭 시 비밀번호 일치 체크
    const btn_submit = document.querySelector("#btn_submit")
    btn_submit.addEventListener("click", () => {
        const f = document.input_form
        if (f.id.value == '') {
            alert('아이디를 입력해 주세요.')
            f.id.focus()
            return false
        }
        // 아이디 중복 체크 여부
        if (f.id_chk.value == 0) {
            alert('아이디 중복확인이 필요합니다.')
            return false
        }
        // 비밀번호 입력 여부
        if (f.f_pwd.value == '') {
            alert('비밀번호를 입력하세요.')
            f.f_pwd.focus()
            return false
        }
        if (f.f_pwd2.value == '') {
            alert('비밀번호 확인이 필요합니다.')
            f.f_pwd2.focus()
            return false
        }

        // 비밀번호 일치 여부
        if (f.f_pwd.value != f.f_pwd2.value) {
            alert('비밀번호가 일치하지 않습니다.')
            //f.f_pwd.value = ''
            f.f_pwd2.value = ''
            f.f_pwd2.focus()
            return false
        }

    })

})