2011-05-07 5 views
0

이것은 "문의하기"웹 페이지의 코드입니다. jquery 유효성 검사기 플러그인에서 어떻게 작동하지 않습니까? 내가 뭐 잘못 했어요? 도와주세요. 감사! 유효성 검사기가 작동하지 않습니다. 그것은 내가 아무것도 작성하지 않았더라도 양식을 제출할 수 있습니다.jQuery 폼 유효성 검사가 작동하지 않습니까?

<!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> 
     <script 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> 
     $(document).ready(function(){ 
     $("#myform").validate(); 
     }); 
     </script> 
    </head> 

    <body bgcolor="#ffffff"> 
    <div id="contactuscontent"> 
     <form class="cmxform" id="myform" method="post" action="sendmail.php"> 
    Your Name: <br /> 
    <input type="text" name="visitor" size="35" /> 
    <br /> 
    Your Email:<br /> 
    <input type="email" name="visitormail" size="35" /> 
    <br /> <br /> 
    Subject:<br /> 
    <input type="text" name="subject" size="35" /> 
    <br /><br /> 
    Mail Message: 
    <br /> 
    <textarea name="notes" rows="4" cols="40" ></textarea> 
    <br /> 
    <input type="submit" value="Send Mail" /> 
    <br /> 
    </form> 
    </div> 
    </body> 
    </html> 

답변

5

코드가 제대로 작동하지만 유효성 검사 규칙을 넣지 않았으므로 아무것도 수행하지 않습니다.

EDIT : 필수 입력에 적어도 class="required"을 추가하십시오.

좋습니다.

2

<script> 
    $(document).ready(function(){ 
    $("#myform").validate(); 
    }); 
    </script> 
</head> 

<body bgcolor="#ffffff"> 
<div id="contactuscontent"> 
    <form class="cmxform" id="myform" method="post" action="sendmail.php"> 
Your Name: <br /> 
<input type="text" name="visitor" class="required" size="35" /> 
<br /> 
Your Email:<br /> 
<input type="email" name="visitormail" class="email required" size="35" /> 
<br /> <br /> 
Subject:<br /> 
<input type="text" name="subject" class="required" size="35" /> 
<br /><br /> 
Mail Message: 
<br /> 
<textarea name="notes" rows="4" cols="40" class="required" ></textarea> 
<br /> 
<input type="submit" value="Send Mail" /> 
<br /> 
</form> 
</div> 
</body> 
</html> 

당신은 당신이없는거야 각 imput가 세부 사항으로 이동 중에도 원하는 클래스를 추가해야하지만 당신은 좋은 형식뿐만 아니라 HTML 양식과 입력을위한 웹 표준을 볼 필요가 사례

-1

글쎄, jQuery는 멋지다. 그러나 jQuery 없이도 JavaScript Form Validation을 수행 할 수 있습니다. 이 부분은 JavaScript Form Validation Tutorial을 참조 할 수 있습니다.

+0

질문에 대답하지 않습니다. – Quentin

관련 문제