jQuery ajax와 form 같이 사용하기

 //아이디 중복 체크

        $("button[name=idCheck]").click(function (event) {            

            event.preventDefault();

            

            var email = $("select[name=emailType]").val() == "custom" ? $("input[name=customEmail]").val() : $("select[name=emailType]").val();

            var id = $("input[name=memberID]").val() + "@" + email;

            $.ajax({

                type: "get",

                url: "memberRegister.php",                

                data: "actionType=idCheck&memberID="+id,

                dataType: "text",

                success: function (req, textStatus) {

                    alert("Command Success!!!"+req);

                },

                error: function (xhr, textStatus, errorThrown) {

                    alert("An error occurred! " + xhr.responseText);

                }

            });

        });

//회원 가입

        $("button[name=requestButton]").click(function () { 

            $("form[name=memberInfo]")

            .attr({ action: "memberRegister.php", method: "post" })

            .subimt();          

        });

<form name="memberInfo">

<div>

    <span style="display:inline-block; width:20;">id(e-mail)</span>

    <span style="display:inline-block; width:100;">

        <input type="text" name="memberID" />@

        <span id="email_selectbox">

            <select name="emailType">

                <option value="naver.com">naver.com</option>

                <option value="gmail.com">gmail.com</option>

                <option value="custom">직접입력</option>

            </select>

        </span>

        <span id="email_text" style="display:none;">

            <input type="text" name="customEmail" />

        </span>

    </span>

    <span><button name="idCheck" onclick="return false;">중복확인</button></span>

</div>

</form>