jquery 验证不起作用 - 需要包含更多文件？答案

【问题标题】：jquery validation not working - need to include more files?jquery 验证不起作用 - 需要包含更多文件？
【发布时间】：2016-07-19 01:58:16
【问题描述】：

我正在使用 jquery 验证插件：https://jqueryvalidation.org/ 我尝试了不同的示例，但验证对我不起作用。我现在正在使用这个线程中的这个额外的简单代码进行测试（演示在最底部）：jQuery validation on select box not working

仍然不适合我。我已经包含了 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>

【问题讨论】：

标签： jquery twitter-bootstrap validation

【解决方案1】：

您放错了 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>

【讨论】：

谢谢！那行得通。我一直将脚本放在底部，因为我在某处阅读它可以加快加载速度。而且 Bootstrap 模板也都在底部。所以我想如果你是像我这样的新手，那么将脚本放在顶部仍然更安全？
不，jquery 脚本将无法工作，除非您将 jquery.js 脚本放在它们的顶部。是的，这是一种很好的做法，无论您是否是新手。不，它不会加快加载速度。如果您想加快加载速度，请考虑从官方网站下载 jQuery.min.js 文件，但如果您仍在学习，我建议您使用当前的。谢谢！