jquery.validate가 jquery-1.4.3에서 올바르게 작동하지 않습니다.

다음 스크립트는 초점이 맞춰지지 않을 때 오류 메시지를 표시합니다. jQuery 4.3 이상으로 변경하고 그렇게하지 않습니다. 나는 바보 같은 짓을하고 있지만 그것을 발견 할 수 없다는 것을 안다. 조언을 제공해주십시오. 감사합니다jquery.validate가 jquery-1.4.3에서 올바르게 작동하지 않습니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> 
     <title>jQuery validation</title> 
     <script src="http://code.jquery.com/jquery-1.4.2.js"></script> 
     <script src="jquery.validate.js" type="text/javascript"></script> 
     <script src="additional-methods.js" type="text/javascript"></script> 

     <script type="text/javascript"> 
      $(function(){ 
       var validate = $("#signupForm").validate({ 
        rules: {phone:'phoneUS'}, 
        messages: {phone:'Enter a valid phone number'}, 
        submitHandler: function(form) {alert('submit');} 
       }); 

      }); 
     </script> 
    </head> 
    <body> 

     <form id="signupForm" method="get" action=""> 
      <label for="phone">phone</label> 
      <input id="phone" name="phone" /> 
      <input type="submit" value="Submit" class="submit" /> 
     </form> 
    </body> 
</html>

출처

2012-08-24 user1032531

어떤 버전 o f jQuery 유효성 검사를 사용하고 있습니까? 최근 버전의 jQV는 대개 최신 버전의 jQuery를 필요로합니다. –

jQuery 유효성 검사 플러그인 1.9.0. 미친 무엇이 전에 이것을하고 그것이 작동 한 ㄴ다는 것을 알고있다. – user1032531

jQuery 버전을 변경하면로드됩니까? 어리석은 질문처럼 보일지 모르지만 누군가 jQuery 업데이트가 사이트를 손상 시켰다는 주장을 한 번 보았습니다. jQuery가로드되지 않았 음을 알았습니다. – MrOBrian

phoneUS 방법은 additional-methods.js에 정의되어 있습니다. 이 파일을 포함 (그리고 입력이 type='text'이 있는지 확인) 경우 잘 작동합니다 :

자바 스크립트 :

$("#signupForm").validate({ 
    rules: { 
     phone: 'phoneUS' 
    }, 
    messages: { 
     phone: 'Enter a valid phone number' 
    }, 
    submitHandler: function(form) { 
     alert('submit'); 
    } 
});

HTML :

<form id="signupForm" method="get" action=""> 
    <label for="phone">phone</label> 
    <input id="phone" name="phone" type="text"/> 
    <input type="submit" value="Submit" class="submit" /> 
</form>

예 :http://jsfiddle.net/kzDnx/5/

출처

2012-08-24 19:20:50

하하, 나는 바보 같은 실수를하고 있다는 것을 알았다! 감사! – user1032531

jquery.validate가 jquery-1.4.3에서 올바르게 작동하지 않습니다.

답변

관련 문제