테스트 사이트 - 개발 중인 베타 버전입니다

ifram말고 ajax를 사용하고싶습니다~ 채택완료

one9601 4년 전 조회 3,275

</p>

<p> </p>

<p> </p>

<p><section id="section05"></p>

<p>    <form class="row" action="<?php echo G5_THEME_URL ?>/html/_email.php" method="post" role="form" class="s5_info_form" target="send"></p>

<p> </p>

<p>          <div class="s5_info_rightbox"></p>

<p>              <div class="row"></p>

<p>                <div class="form-element"></p>

<p>                  <input type="text" name="name" class="form-input" id="name" placeholder="Name"></p>

<p>                </div></p>

<p>                <div class="form-element"></p>

<p>                  <input type="email" class="form-input" name="email" id="email" placeholder="E-Mail"></p>

<p>                </div></p>

<p>                <div class="form-element"></p>

<p>                  <input type="tel" class="form-input" name="tel" id="tel" placeholder="Phone Number"></p>

<p>                </div></p>

<p>                <div class="form-element"></p>

<p>                  <input type="text" class="form-input" name="subject" placeholder="Subject" id="subject"> </p>

<p>                </div></p>

<p>                <div class="form-element"></p>

<p>                  <textarea name="message" id="message" cols="30" rows="30" placeholder="Comments" class="form-textarea"></textarea></p>

<p>                </div></p>

<p>              </div></p>

<p>          </div></p>

<p>        </div></p>

<p>      </div></p>

<p>      <div class="col-md-6"></p>

<p>        <div class="contact-right-area"></p>

<p>          <button type="submit" class="send">SEND MESSAGE</button></p>

<p>            <!-- iframe 설정 --></p>

<p>            </p>

<p>            <iframe id="if" name="send" style="display:none"></iframe></p>

<p>        </div></p>

<p>      </div></p>

<p>    </form></p>

<p></section></p>

<p> </p>

<p>

 

이렇게 코드를 짯습니다..

 

iframe의 원리도 잘은 모릅니다... 그냥 form의 action페이지가 열리지않고 실행이된다 정도?

 

다만 제가 짠 코드에서는 아무것도 입력을안해도 메일전송이됩니다..

 

ajax를 이용하면 form action이 작동되기전에 스크립트를 적용시킬수있다는데

 

검색을 해봐도 잘 모르겠네요 ㅠㅠ

 

강의를 들어도.. 이렇게 form 액션을 바로 하는법이 나오지도않고 ㅠㅠ 간단한거같은데 안되니까 너무답답하네요

 

이메일 보내기 php는 아래에 남기겠습니다.

 

</p>

<p> </p>

<p><?php</p>

<p> error_reporting(E_ALL);</p>

<p> ini_set("display_errors", 1);</p>

<p> </p>

<p>$charset = 'UTF-8'; //문자셋</p>

<p>$to = "sogeum9300@daum.net"; //개발자의 이메일 주소</p>

<p>$name = $_POST['name']; // 보낸이 이름</p>

<p>$name = str_replace("'","''",$name);</p>

<p>$Email= $_POST['email']; //보낸 이 이메일주소</p>

<p> </p>

<p>$title =$_POST['subject']; </p>

<p>$title = str_replace("'","''",$subject);</p>

<p> </p>

<p>$subject = '=?UTF-8?B?'.base64_encode( "소금 상담메일이 접수되었습니다." ).'?=';</p>

<p>$tel=$_POST['tel'];</p>

<p>$tel= str_replace("'","''",$tel);</p>

<p>$headers="From :".$Email."\r\n"; //  ( 보내는 이 )</p>

<p> </p>

<p>$message=" 제목: ".$title."\n 작성자: ".$name."\n 전화번호: ".$tel."\n 내용: ".$_POST['message']."\n 보내는 이: ".$Email."\r\n"; //내용</p>

<p>$message = str_replace("'","''",$message);</p>

<p>

 </p>

<p>mail($to, $subject , $message);</p>

<p> </p>

<p>

 </p>

<p> </p>

<p> ?></p>

<p>



 </p>

<p><script></p>

<p>alert ("견적상담 접수가 완료되었습니다.\n빠른 시간 내에 확인 후 \n연락드리겠습니다. 감사합니다.");</p>

<p> </p>

<p></script></p>

<p>

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

답변 1개

채택된 답변
+20 포인트
웹솔드
4년 전
name="form1" class="row" method="post" role="form" class="s5_info_form" target="send">

.. 중량

 

function test() {   var param = $("form[name=form1]").serialize();

 $.ajax({      type: "POST"    ,url: "/html/_email.php"   ,data: $("#form").serialize(),

  ,success:function(data){     alert("성공");   }   ,error:function(data){     alert("error");   }   });

}

 

$('.send').click(function(){

   test();

});

로그인 후 평가할 수 있습니다

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

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

로그인