2013-02-24 4 views
0

무엇이 잘못되었는지 알아 내려고 애 쓰고 있습니다. 기본적으로 나는 "가입 해 주셔서 감사합니다!"라는 메시지를 원합니다. 올바른 이메일을 입력했을 때 페이드 인하거나 "이메일이 올바르게 입력되었는지 확인하십시오."라는 메시지가 표시됩니다. 그들이 잘못된 이메일을 입력했을 때 페이드 인합니다. 여기간단한 jQuery 코드가 서버에서는 작동하지 않지만 로컬에서는 작동합니다.

<div id="signUp"> 
    <form action="" method="post" id="signup"> 
     <input type="text" class="left" id="email" name="email" placeholder="Enter your email address" value=""> 
     <input type="submit" id="notify-me" class="button" value="Sign me up!">  
    </form> 
</div> 
<br> 
<p class="hidden">Thank you for signing up!</p> 

그리고 내 JQuery와는 다음과 같습니다 : 내 HTML에서

내가 이것을 가지고

$(document).ready(function() { 
    // all jQuery code goes here 
    $(".hidden").hide(); 
    $("form").submit(function() { 
     var emailReg = /^([\w-\.][email protected]([\w-]+\.)+[\w-]{2,4})?$/; 
     if(emailReg.test($("input:first").val()) && $("input:first").val() != "") 
     { 
      $(".hidden").text("Thank you for signing up!").fadeIn(1000); 
      var dataString = "email=" + $("input:first").val(); 
      $.ajax({ 
       type: "POST", 
       url: "write.php", 
       data: dataString, 
       success: function() { 
        $("input:first").val(""); 
        return false; 
       } 
      }); 
     } 
     else 
     { 
      $(".hidden").text("Please make sure your email was entered correctly.").fadeIn(500); 
     } 
     return false; 
    }); 
}); 
+0

다음을 참조하십시오. http://stackoverflow.com/posts/15056644/revisions – Doorknob

+0

서버에서 작동하지 않는다고 말하면 무엇이 잘못 되었습니까? 어떤 행동이 보이나요? 테스트 할 라이브 URL이 있습니까? – codefactor

+0

애니메이션 아래에있는 div가 움직이기 때문에 애니메이션이 작동하는 것처럼 보이지만 메시지가 나타나지 않습니다. chestbumpp.com에서 어떤 일이 일어나고 있는지 확인할 수 있으며 chestbumpp.com에서 잘 작동하는지 알려주세요. 나는 4 개의 다른 브라우저에서 리눅스와 윈도우에서 그것을 시도했다. – dannyp32

답변

0

서버에서 실행할 때 아마로드되지 않습니다 jQuery 라이브러리. 올바르게 링크되었는지 확인하십시오. 이 사건이 있다면

, 당신은 당신이 우리에게 주신 한 내용을 외부에 존재하는 페이지의 <head>

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
+0

예 jquery가 포함되었습니다. – dannyp32

0

문제에 대한이 줄을 추가하여 문제를 해결할 수 있습니다. 당신이 여기있는 모든 것은 완벽하게 작동합니다.

가능성 시나리오 :

  1. jQuery를이 서버에 포함되지 않습니다.
  2. 자바 스크립트의 다른 부분에 구문 분석 오류가 있습니다.

오류 콘솔에 따라 쉽게 진단해야합니다.

+0

근무 예 : http://jsfiddle.net/JsPXS/. 실제로 코드를 표시하지 않았기 때문에 대답에 포함시킬 수 없습니다. –

+0

나는 솔직히 문제가 뭔지 모르겠다. 나는 jQuery를 서버에 포함시키고있다. 이것은 전체 스크립트입니다, 그래서 거기에 javascript.There 다른 곳에서 구문 분석 오류가 있다고 생각하지 않습니다 콘솔에 오류가 없습니다. – dannyp32

관련 문제