티스토리 뷰

728x90
반응형

<form name="memberInfo" action="memberRegister.php" method="post">

<div>

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

    <span style="display:inline-block; width:100;"><input type="text" name="memberID" /></span>

    <br />

    <span style="display:inline-block; width:20;">pw</span>

    <span style="display:inline-block; width:100;"><input type="password" name="memberPW" /></span>

    <br />

    <span style="display:inline-block; width:20;">pw re</span>

    <span style="display:inline-block; width:100;"><input type="password" name="memberRePW" /></span>

    <br />

    <span><button id="requestButton" name="requestButton">회원 가입 요청</button></span>

</div>

</form>



<script type="text/javascript">

    $(document).ready(function () {

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

            if ($("input[name=memberID]").val() == "") {

                alert("아이디 입력해주세요.!");

                return false;

            }

            else if ($("input[name=memberPW]").val() == "") {

                alert("비밀번호를 입력해주세요.!");

                return false;

            }

            else if ($("input[name=memberPW]").val() != $("input[name=memberRePW]").val()) {

                alert("비밀번호가 일치 하지 않습니다.");

                return false;

            }

            else {                

                $("form[name=memberInfo]").submit();

            }

        });

    });

</script>


PHP에서 $_POST[name]형식으로 받을 수 있기 때문에 태그의 id가 아닌 name을 이용하여 작업을 했다.

728x90
반응형