왜 유효성 검사기가 작동하지 않습니까?

-1

아무도 다음 코드가 작동하지 않는 이유를 말해 줄 수 있습니까?왜 유효성 검사기가 작동하지 않습니까?

<script type="text/javascript" src="../../Scripts/jquery.js"></script> 
<script type="text/javascript" src="../../Scripts/jquery.validate.js"></script> 
    <script type="text/javascript"> 
    $(function() { 
     // validate contact form on keyup and submit 
     $("#myform").validate({ 
      //set the rules for the fild names 
      rules: { 
       hour: { 
        required: true, 
        minlength: 2, 
        range:[0,23] 
       }, 
       minute: { 
        required: true, 
        minlength: 2, 
        range:[0,60] 
       }, 
      }, 
      //set messages to appear inline 
      messages: { 
       hour: "Please enter a valid hour", 
       minute: "Please enter a valid minute" 
      } 
     }); 

    }); 
</script> 
<style type="text/css"> 
.error { 
    color: red; 
    font: 12pt verdana; 
    padding-left: 10px 
} 
</style> 

    <form id="myform" method="" action=""> 

    <input id="hour" type="text" name="hour" style="width:30px; text-align:center;"></input> : 

    <input id="minute" type="text" name="minute" style="width:30px; text-align:center;"></input> 
    <br/> 
    <input type="submit" value="Validate!" /> 
</form>

미리 감사드립니다 만, 리나

출처

2010-04-08 Lina

예,이 질문을 읽는 사람의 마음을 읽을 수있는 노력 : 여기에 마이크로 소프트 CDN에서 JQuery와 및 jquery.validate를 사용하여 작업 예제가있다? 우리에게 단서를주고, 방화범이 끌려오고있는 어떤 오류가 있습니까? –

명확히 지정하지 않아서 미안 해요. 저는 초보자입니다. 나는 어떤 오류나 경고 나 다른 어떤 것도 얻지 못하고 있습니다, 그것은 단지 작동하지 않습니다! 잘못된 값을 입력 할 때 오류 메시지가 표시되지 않고 "확인"버튼을 클릭하면 필드에 쓴 모든 내용이 사라집니다. 이유가 무엇입니까? – Lina

난 당신의 코드를 잘못 아무것도 볼 수 없습니다. 포함 된 스크립트의 주소가 올바른지 확인하십시오.

<!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=utf-8" /> 
    <title>test</title> 
    <style type="text/css"> 
    .error { 
     color: red; 
     font: 12pt verdana; 
     padding-left: 10px 
    } 
    </style> 
</head> 
<body> 
    <form id="myform" action=""> 
     <input id="hour" type="text" name="hour" style="width:30px; text-align:center;" /> : 
     <input id="minute" type="text" name="minute" style="width:30px; text-align:center;" /> 
     <br/> 
     <input type="submit" value="Validate!" /> 
    </form> 

    <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script> 
    <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.5.5/jquery.validate.min.js"></script> 
    <script type="text/javascript"> 
    $(function() { 
     // validate contact form on keyup and submit 
     $("#myform").validate({ 
      //set the rules for the fild names 
      rules: { 
       hour: { 
        required: true, 
        minlength: 2, 
        range:[0,23] 
       }, 
       minute: { 
        required: true, 
        minlength: 2, 
        range:[0,60] 
       }, 
      }, 
      //set messages to appear inline 
      messages: { 
       hour: "Please enter a valid hour", 
       minute: "Please enter a valid minute" 
      } 
     }); 

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

출처

2010-04-08 08:12:30

동의, 나는 (js 파일에 대한 다른 링크를 사용하여) 직접 시도해 보았습니다. – Jakob

고마워요 대린, 지금 일하고 있어요 :) 압정 Jakob :) – Lina

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html> 
<head> 
<title>Simple Form Validation</title> 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $("#myform").validate({ 
     //set the rules for the fild names 
     rules: { 
      hour: { 
       required: true, 
       minlength: 2, 
       range:[0,23] 
      }, 
      minute: { 
       required: true, 
       minlength: 2, 
       range:[0,60] 
      }, 
     }, 
     //set messages to appear inline 
     messages: { 
      hour: "Please enter a valid hour", 
      minute: "Please enter a valid minute" 
     } 
    }); 
}); 
</script> 

<style type="text/css"> 
.error { 
    color: red; 
    font: 12pt verdana; 
    padding-left: 10px 
} 
</style> 
</head> 

<body> 
    <form id="myform" method="" action=""> 
     <input id="hour" type="text" name="hour" style="width:30px; text-align:center;"></input> 
     <input id="minute" type="text" name="minute" style="width:30px; text-align:center;"></input> 
     <br/> 
     <input type="submit" value="Validate!" /> 
    </form> 
</body> 
</html>

출처

2010-04-08 08:16:45 x4tje

왜 유효성 검사기가 작동하지 않습니까?

답변

관련 문제