2014-10-28 37 views
-1
<!DOCTYPE html> 
<head> 

<script src='jquery.validate.js' type='text/javascript'></script> 
<script src="jquery.min.js" type="text/javascript"></script> 
<script src="valid.js" type="text/javascript"></script> 
</head> 

<body> 

<form id="myform"> 
    <input type="text" name="field1" /></br> 
    <input type="text" name="field2" /></br> 
    <input type="submit" /> 
</form> 

</body> 

</html> 

JS文件:用Jquery驗證表單有什麼問題?

$(document).ready(function() { 

    $('#myform').validate({ // initialize the plugin 
     rules: { 
      field1: { 
       required: true, 
       email: true 
      }, 
      field2: { 
       required: true, 
       minlength: 5 
      } 
     } 
    }); 

}); 

我從這裏過類似的問題的答案之一這個例子,但事情是我錯了它只是不工作。有人會告訴我爲什麼?

+0

你在控制檯得到一個JS錯誤? – 2014-10-28 13:19:27

回答

1

jquery.validate.js取決於jQuery庫,所以你需要加入jQuery驗證之前,包括jQuery庫...所以改變你的頁面的腳本順序

<script src="jquery.min.js" type="text/javascript"></script> 
<script src='jquery.validate.js' type='text/javascript'></script> 
<script src="valid.js" type="text/javascript"></script> 
+0

現在它的作品謝謝:) – 2014-10-28 12:32:08