채택완료

form input 값 합쳐서 보내기 (제이쿼리)

2018-03-30 (금) 14:44:36 5,515

input 의

name , email , hp 를

body(문의내용에) 포함해서 값을 보내고 싶어요.

도무지 알수가 없네요 ㅠㅠ

Copy
<form role="form" action="http://push.doday.net/api/push" enctype="multipart/form-data">
   
 <input type="hidden" name="uuid" id="uuid" value="">
        <input type="hidden" name="secret_key" id="secret_key" value="">
        <input type="hidden" name="code" id="code" value="">
                       
                        <div class="container plus15-xs">
       <div class="row">
        <div class="col-sm-12 text-center servicesCont">
         <h2 class="section-title">
         Q&amp;A </h2>
         <p>
          궁금하신 사항을 문의해 주시면 24시간 이내에 메일 및 연락처로 안내 드리겠습니다.
         </p>
        </div>
        <div class="col-sm-4">
         <input class="form-control" name="name" id="name" type="text" placeholder="이름" required="required">
        </div>
        <div class="col-sm-4">
         <input class="form-control" name="email" id="email" type="email" placeholder="이메일" required="required">
        </div>
        <div class="col-sm-4">
         <input class="form-control" name="hp" id="hp" type="text" placeholder="연락처(&#39;-&#39; 없이)" required="required">
        </div>
        <div class="clearfix">
        </div>
        <div class="col-sm-12">
         <textarea class="form-control" name="body" id="body" rows="5" placeholder="문의 내용을 입력해 주세요."></textarea>
        </div>
        <div class="col-sm-12 text-right">
      

         <button type="submit" class="btn btn-default btn-lg">
         접수 </button>
        </div>
       </div>
      </div>
     </form>
    </div>
               
               

 <script>

$(function(){
 $('form').on('submit', function(){
  if(!$('#uuid').val()){
   alert('uuid를 입력해주세요');
   $('#uuid').focus();
   return false;
  }

  if(!$('#secret_key').val()){
   alert('secret_key를 입력해주세요');
   $('#secret_key').focus();
   return false;
  }

  if(!$('#code').val()){
   alert('그룹코드를 입력해주세요');
   $('#code').focus();
   return false;
  }

 
  if(!$('#body').val()){
   alert('내용을 입력해주세요');
   $('#body').focus();
   return false;
  }

  $.post($('form').attr('action'), $('form').serialize(), function(data){
   if(data.result == 'fail'){
    alert('발송에 실패하였습니다');
   }else{
    alert('발송되었습니다');
   }
  }, 'json');
  return false;
 });
});


</script>

답변 2개 / 댓글 1개

채택된 답변
+20 포인트

이렇게 하면 될까요?

Copy
if(!$('#body').val()){
   alert('내용을 입력해주세요');
   $('#body').focus();
   return false;
 }

//위 코드 밑에 아래 코드 삽입.

 

var body_val = $('#body').val();
body_val += "(이름) "+$('#name').val();
body_val += "(이메일) "+$('#email').val();
body_val += "(연락처) "+$('#hp').val();
$('#body').val(body_val);

잘되네요. 정말 감사합니다.^^

답변에 대한 댓글 1개

잘되신다니 다행입니다^^

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