不工作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

看演示後，我注意到你的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。