2011-09-27 43 views
1

以下是以前工作的表單。我今天剛回到它,出於某種奇怪的原因,它停止驗證。jQuery驗證已停止工作

如果任何人都可以看一下會很感激。謝謝。

<!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() { 
       $("#form1").validate({ 
       rules: { 
        name: "required",// simple rule, converted to {required:true} 
        email: {// compound rule 
        required: true, 
        email: true 
       }, 
       url: { 
        url: true 
       }, 
       comment: { 
        required: true 
       } 
       }, 
       messages: { 
        comment: "Please enter a comment.", 
        name: " * Required.", 
        email: "* Required" 
       } 
       }); 
      }); 
      </script> 

      <style type="text/css"> 
      * { font-family: Verdana; font-size: 11px; line-height: 14px; } 
      .submit { margin-left: 125px; margin-top: 10px;} 
      .label { display: block; float: left; width: 120px; text-align: right; margin-right: 5px; } 
      .form-row { padding: 5px 0; clear: both; width: 700px; } 
      label.error { width: 250px; display: block; float: left; color: red; padding-left: 10px; } 
      input[type=text], textarea { width: 250px; float: left; } 
      textarea { height: 50px; } 
      </style> 
      </head> 


      <body> 
      <form id="form1" method="post" action=""> 
       <div class="form-row"><span class="label">Name *</span><input type="text" name="name" /></div> 
       <div class="form-row"><span class="label">E-Mail *</span><input type="text" name="email" /></div> 

       <div class="form-row"><span class="label">URL</span><input type="text" name="url" /></div> 
       <div class="form-row"><span class="label">Your comment *</span><textarea name="comment" ></textarea></div> 
       <div class="form-row"><input class="submit" type="submit" value="Submit"></div> 
      </form> 
      </body> 
     </html> 

回答

1

它看起來像它對我有用。

http://jsfiddle.net/fYgXD/

+0

我會再次測試,它似乎沒有工作 - 在嘗試它10分鐘。 –

+0

我現在工作,運行錯誤的副本。謝謝你的幫助。我很感激。 –

+0

如果您將'jquery.validate'更改爲Helen問題中使用的相同版本,則**不會工作:http://jsfiddle.net/fYgXD/2/ –