2013-07-03 1 views
0

내 웹 페이지에이 jQuery 플러그인을 사용하려고하는데 전혀 작동하지 않는 것 같습니다.Jquery 유효성 검사기 플러그인이 작동하지 않는 이유는 무엇입니까?

콘솔에 오류가 표시되지 않습니다. 파일 경로가 너무 (? 그렇지 않으면 콘솔이 바로, 404 에러해야 할 것이다)

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
<script src="../jquery-validation-1.11.1/dist/jquery.validate.js"></script> 
<script src="../jquery-validation-1.11.1/dist/jquery.validate.min.js"></script> 
<script type="text/javascript" language="javascript"> 
$().ready(function(e) { 
    $(".contact-us").validate({ 
    rules:{ 
     name: { 
      required:true, 
      minlength:5 
     } 

    } 
    }); 
}); 

올바른지 그리고 여기에 HTML 코드입니다 :

<form class="contact-us" action="../index.html" method="get"> 
     <li><input class="required cont-field name" type="text" size=" 40" name="name" /></li><br /> 
     <li><input class="required cont-field email" type="text" size=" 40" name="email"/></li><br /> 
     <li><input class="required cont-field" type="text" size=" 40" /></li><br /> 
     <textarea class="cont-field" style="width:400px; height: 200px;"></textarea> 

     <br /> 
     <input type="submit" value=" submit" /> 
     </form> 

내가 버튼을 클릭 , 확인 대신 action 페이지로 이동합니다. 그리고 콘솔에는 아무것도 표시되지 않습니까? 디버깅하는 방법은 무엇입니까?

+0

'$(). ready '를'$ (document) .ready'로 바꾸면 도움이됩니까? – jterry

+0

@jterry 아니요, 그렇지 않습니다. 자, 자바 스크립트가 클라이언트 측 일이지만, 이것은 서버 구성 오류로 인한 것일 수 있습니까? –

+1

전체'jquery.validate.js'와 축소 된 버전 ('jquery.validate.min.js')을 모두 포함하는 이유가 있습니까? – jterry

답변

0

어떤 브라우저를 사용하고 있습니까? Firefox에서 FireBug을 사용하여 모든 JS 파일이 실제로로드되었는지 확인할 수 있습니다. BTW,

$().ready하지 않는 것이 좋습니다 : 또는 크롬에 당신은 developer tools ...

편집을 사용할 수 있습니다. $(document).ready을 사용하십시오. Source.

+0

Firebug 자체를 사용하고 있습니다. 메시지가 전혀 없습니다. 오류 없음, 경고 없음 : ( –

+0

) 네트워크 (또는 어디에서든지)에서로드 된 리소스를 보시겠습니까? –

+0

ready() 핸들러에 도달 했습니까? console.log를 사용하여 코드에 도달했는지 확인할 수 있습니다 .. –

관련 문제