jquery驗證無效 - 需要包含更多文件？

我正在使用jQuery驗證插件：https://jqueryvalidation.org/ 我試過不同的例子，但驗證不適用於我。我現在用這個線程測試這個額外的簡單代碼（演示下來很底）：jQuery validation on select box not working jquery驗證無效 - 需要包含更多文件？

仍然不適合我。我已經包含了bootstrap.min.js和jquery.validate.js jquery.validate.js包在zip中附帶了很多文件。我想還包括其他文件嗎？非常感謝任何反饋/幫助。

我的代碼，主體部分從上面的例子鏈接複製：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<!-- Bootstrap Core CSS --> 
<link href="css/bootstrap.min.css" rel="stylesheet"> 

</head> 
<body> 
<form id="formid"> 
    <select id="select" name="select" class="required"> 
     <option value="">Choose</option> 
     <option value="child">test2</option> 
    </select> 

    <input type="submit" /> 
</form> 
<script> 
$("#formid").validate(); 
</script> 
<!-- jQuery --> 
<script src="js/jquery.js"></script> 

<!-- Bootstrap Core JavaScript --> 

<script src="js/bootstrap.min.js"></script> 
<script src="js/jquery.validate.js"></script> 

</body></html>

來源

2016-07-19 Ringo88

你弄丟了jQuery腳本標籤。請把它放在head標籤中，並確保它位於插件之上。

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 

<script src="js/jquery.js"></script> //place jquery.js here, followed by plugins 

<!-- Bootstrap Core JavaScript --> 

<script src="js/bootstrap.min.js"></script> 
<script src="js/jquery.validate.js"></script> 
<!-- Bootstrap Core CSS --> 
<link href="css/bootstrap.min.css" rel="stylesheet"> 

</head> 
<body> 
<form id="formid"> 
    <select id="select" name="select" class="required"> 
     <option value="">Choose</option> 
     <option value="child">test2</option> 
    </select> 

    <input type="submit" /> 
</form> 
<script> 
$("#formid").validate(); 
</script> 
<!-- jQuery --> 


</body></html>

來源

2016-07-19 02:02:01

謝謝！這工作。我一直在將腳本放在底部，因爲我在某處讀取它加快了加載速度。 Bootstrap模板也都將它們放在最下面。所以我想如果你是像我這樣的新手，那麼把劇本放在最前面還是比較安全的？ – Ringo88

不，jQuery腳本不會工作，除非你把jquery.js腳本放在它們的頂部。是的，它的良好做法，無論你是否是新手。不，它不會加速加載。如果你想加快加載速度，請考慮下載你可以從官方網站上下載的jQuery.min.js文件，但是如果你還在學習，我會建議只使用你現有的。謝謝！ –

jquery驗證無效 - 需要包含更多文件？

回答

相關問題