아래처럼 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 포인트
2020-10-27 (화) 22:17:33
<button type="button" class="btn_03" onsubmit="formSubmit();">신청하기</button>
onsubmit ????
버튼에서는 onclick 으로
답변에 대한 댓글 1개
morrie
2020-10-28 (수) 09:31:09
onclick으로 하면 폼에 값이 없어도 그냥 전송이 되서 바꾼건데 onclick으로 폼값없을때 안넘어가게 못하나요??
2020-10-27 (화) 21:35:35
문법상 이슈없으니 함수넘어온쪽에서 input제대로 넘어오는지 확인하시고
submit이후에 페이지에서 echo 로그 , exit로 멈춰서..어디까지 넘어왔는지 확인하시면
어디가 문제인지 알수있습니다.
2020-10-27 (화) 20:01:20
} else { 안에 ajax 를 넣거나
아래와 같이 체크하는 부분을 넣는 방법으로 해보세요.
function formSubmit() {
if (form.wr_name.value == '') {
alert("이름을 입력해주세요");
form.wr_name.focus();
return false;
답변을 작성하려면 로그인이 필요합니다.