最簡單的表單驗證與jQuery驗證插件不會工作

我想學習jQuery驗證插件，所以我創建了最簡單的可能的形式，儘可能簡單的驗證代碼，但我仍然無法讓它工作！當我點擊提交按鈕（將該字段留空）時，我被髮送到默認頁面，就像表單已被提交一樣（URL是「myurl.com/?name=」）。下面是我嘗試的代碼做一樣的工作教程。最簡單的表單驗證與jQuery驗證插件不會工作

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN' 'http://www.w3.org/TR/html4/strict.dtd'> 
<html> 
<head> 
    <script type='text/javascript' src='http://myurl.com/jquery.validate.js'></script> 
    <script type='text/javascript' src='http://myurl.com/jquery.js'></script> 

    <script type='text/javascript'> 
    $(document).ready(function() { 
     $("#test_form").validate(); 
    }); 
    </script> 

    <script type='text/css'> 
    label.error { color:Red; } 
    </script> 
</head> 
<body> 

<form id='test_form' action='' method='GET'> 
    <p><label for='name'>Name</label><br /> 
    <input type='text' id='name' name='name' minlength='4' class='required' /></p> 
    <p><input type='submit' value='Submit' /></p> 
</form> 

</body> 
</html>

來源

2011-05-23 Felipe

你不需要在jQuery之後加入插件嗎？什麼是'text/css' _script_？ – 2011-05-23 21:07:19

+1，您還需要將其更改爲'