jQuery를 검증 양식

Question

MY은 .js 파일 :

//rounded corners 
     $(document).ready(function() { 
      $("#topbar").corner("bl br 5px"); 
      $("#mainbar").corner("5px"); 
      $("#sidebar").corner("5px"); 
      $("#bottombar").corner("5px"); 
     }); 
    //form 
     $(document).ready(function(){ 
      $("#commentForm").validate({ 
       rules: { 
        FieldData0: { 
         required: true 
        }, 
        FieldData1: { 
         required: true, 
         email: true 
        }, 
        FieldData2: { 
         required: true 
        } 
       }, 
       messages: { 
        FieldData0: { 
         required: "* Required" 
        }, 
        FieldData1: { 
         required: "* Required", 
         minlength: "* 2 Characters Required." 
        } 
       } 
      }); 
     }) 

내 .html 파일 :

<div id="mainbar"> 
     <form id="commentForm" method="post" action="http://www.emailmeform.com/fid.php?formid=254816"> 
     <h2>Contact Form</h2> 
     <p> 
      <label for="name">Your Name</label> 
      <input type="text" id="name" name="FieldData0" /> 
     </p> 
     <p> 
      <label for="email">Your Email</label> 
      <input type="text" id="email" name="FieldData1" /> 
     </p> 
     <p> 
      <label for="message">Your Message</label> 
      <textarea type="text" id="message" name="FieldData2"></textarea> 
     </p> 
     <p> 
      <input id="button" type="submit" value="Submit"> 
     </p> 
     </form> 
    </div> 

라이브 예 :

http://weedcl.zxq.net/form.html

Answer 1

데모보고 후 I jquery pluings가 누락되었다는 것을 알았습니다 (적어도 html에서는). 추가 시도 :

<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.6/jquery.validate.js" /> 

헤드 문서에 custom.js을 포함하기 전에 양식 유효성 검사는 jQuery 자체가 아니라 플러그인을 통해 제공됩니다.

또한 모서리 플러그인도 존재하지 않는 것으로 나타났습니다 (download it). 머리에 포함 시키십시오.

jQuery png fix과 동일하게 사용해야합니다.