< html>
    <body>
        <div id="inputDiv">
            <span>id</span><input name="id"></input>
            <span>name</span><input name="name"></input>
            <span>password</span><input name="password"></input>
            <span>phone</span>

             <input name="phone"></input><span>-</span>

             <input name="phone"></input><span>-</span>

             <input name="phone"></input>
        </div>
        <button id="clickBtn">click</button>
    </body>
    <script>
        window.addEventListener("DOMContentLoaded", function(){
            document.getElementById("clickBtn"). <-- 온클릭 금지어인갑따 o.n.c.l.i.c.k = getUserInfo()      

            function getUserInfo(){
                var query = {
                    id : {skippable : false, error_msg : "아이디를 입력해주세요"},
                    name : {skippable : true, error_msg : ""},
                    password : {skippable : false, error_msg : "비밀번호를 입력해주세요"},
                    phone : {skippable : false, error_msg : "전화번호를 입력해주세요"}
                }
                var userInfo = {};
                var result_str = "";
                for(var key in query){
                    userInfo.key = "";
                    input_elem = document.querySelectorAll("#inputDiv > input" + "[name="+ key +"]");
                    for(var i = 0; i < input_elem.length; i++){
                        if(!query[key].skippable && !input_elem[i].value){
                            alert(query[key].error_msg);
                            return
                        }
                        userInfo.key +=  input_elem[i].value;
                        result_str += key + " : " + userInfo.key + " ";
                    }
                }
                result_str = "사용자의 정보입니다 " + result_str;
                alert(result_str);
                return userInfo;
            }
        }, false);
    </script>
</html>


진짜 ㅄ도 이런 ㅄ들이 없네... 이걸 못해서 else if를 찾아헤메고 있냐? 아휴 디씨수준하고는 참...