채택완료

데이터가 넘어가질 않아요

2020-10-27 (화) 19:42:59 2,261
아래처럼 ajax로 데이터를 보내려고 합니다 그런데 데이터가 전송이 안되네요??
페이지 이동은 없는데 왜 전송이 안되는거죠?

<form enctype="multipart/form-data" id="form" name="form" method="post" onsubmit="return form_Check();">
<input type="text" id="wr_name" name="wr_name" class="full_ip" required>
<button type="button" class="btn_03" onsubmit="formSubmit();">신청하기</button>
<script>
    function form_Check() {
        if (form.wr_name.value == '') {
            alert("이름을 입력해주세요");
            form.wr_name.focus();
            return false;
} else {
    form.submit();
function formSubmit() {
    var params = jQuery('#form').serialize();
    jQuery.ajax({
        url: 'sample.php',
        type: 'POST',
        data: params,
        contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
        dataType: 'html',
        success: function (res) {
            alert("완료");
        }
    });
}

</script>

답변 3개 / 댓글 1개

채택된 답변
+20 포인트

<button type="button" class="btn_03" onsubmit="formSubmit();">신청하기</button>

onsubmit ????

버튼에서는 onclick  으로

답변에 대한 댓글 1개

onclick으로 하면 폼에 값이 없어도 그냥 전송이 되서 바꾼건데 onclick으로 폼값없을때 안넘어가게 못하나요??

문법상 이슈없으니 함수넘어온쪽에서 input제대로 넘어오는지 확인하시고

submit이후에 페이지에서 echo 로그 , exit로 멈춰서..어디까지 넘어왔는지 확인하시면

어디가 문제인지 알수있습니다.

} else { 안에 ajax 를 넣거나

아래와 같이 체크하는 부분을 넣는 방법으로 해보세요.

function formSubmit() { 
 

if (form.wr_name.value == '') {
            alert("이름을 입력해주세요");
            form.wr_name.focus();
            return false;

답변을 작성하려면 로그인이 필요합니다.