2014-04-15 5 views
0

코드가 아래에 있으며, 무엇이 누락되었거나 편집해야할지 모르겠습니다. 나는 JavaScript보다 최신이다. 도와주세요! 나는 "onClick"뿐만 아니라 최종 제출, 다음 코드 (더 큰 코드로 표시됨)를 "연락처 제출"에 추가하려고했습니다. 내 그래픽 디자인 포트폴리오를 위해이 웹 사이트를 구입했습니다. - 도 코딩을 읽을 수 있지만, 이것은 하나의 루프를 통해 나를 던지고 있습니다.js 양식 제출 단추가 작동하지 않습니다.

$("#submit_btn").click(function(){  
    var user_name=$('input[name=name]').val(); 
    var user_email=$('input[name=email]').val(); 
    var user_message=$('textarea[name=message]').val(); 
    var proceed=true; 
     if(user_name==""){ 
      $('input[name=name]').css('border','2px solid #F54A4B'); 
      proceed=false 
     } 
     if(user_email==""){ 
      $('input[name=email]').css('border','2px solid #F54A4B'); 
      proceed=false 
     } 
     if(user_message==""){ 
      $('textarea[name=message]').css('border','2px solid #F54A4B'); 
      proceed=false 
     } 
     if(proceed){ 
      post_data={'userName':user_name,'userEmail':user_email,'userMessage':user_message}; 
      $.post('php/contact_me.php', 
      post_data, 
      function(data){ 
       $("#result").hide().html('<div class="success">'+data+'</div>').fadeIn(700); 
       $('#contact_form input').val(''); 
       $('#contact_form textarea').val('')}).fail(
       function(err){ 
        $("#result").hide().html('<div class="error">'+err.statusText+'</div>').fadeIn(1500) 
      }); 
     } 
}); 

$("#contact_form input, #contact_form textarea").keyup(function(){  
     $("#contact_form input, #contact_form textarea").css('border','2px solid #fff'); 
     $("#result").fadeOut(700)   
}); 
+1

제출처는 어디입니까? –

+0

당신이 무엇을 요구하고 있는지 확실하지 않습니까? 이것은 변경되지 않은 코드이며, 정식으로 제출 한 적이 없습니다. 그게 내 문제일지도 몰라. – HaeDoesGraphics

+0

네, 그게 문제입니다. –

답변

0

양식을 제출하려면 .submit() 기능을 사용해야합니다.
$("#submit_btn").submit()을 사용하여 양식을 제출하십시오.
https://api.jquery.com/submit/ 번으로 가십시오.

+0

여전히 "오류"가 발생합니다. 여기가 위의 스 니펫 (스크린 샷) http://prntscr.com/3a3rm8과 관련하여 코드를 삽입 한 곳입니다. – HaeDoesGraphics

+0

내부 onclick 함수를 추가해야합니다. –

+0

좋아, 나는 이것을 시도 할 것이다. 또한 .PHP 코딩의 연락처 양식/단추에 대한 코딩도 제공합니다. 차이가 더 많을까요? – HaeDoesGraphics

관련 문제