Question

我正在使用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>

Answer 1

您错放了jQuery脚本标记。请将它放在头标签中，并确保它在插件上方。

<!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>

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

1 个答案: