Jquery JS验证在表单之间不起作用

作为大学作业的一部分，我正在制作一个内容管理系统。我希望表单验证输入，如下所示：

所有这些都位于

标记中：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.14.0/jquery.validate.min.js"></script>

<script>
    jQuery(document).ready(function () {
        $("#loginForm").validate();
    });
</script>

此脚本位于下面，同样位于

标记中：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.14.0/jquery.validate.min.js"></script>

<script>
    jQuery(document).ready(function () {
        $("#loginForm").validate();
    });
</script>

jQuery（文档）.ready（函数（）{
$（“#loginForm”）.validate（）；
});

当我点击登录按钮时，不会发生任何事情，当我输入空数据时，它也不会验证

表单标记：

<form id="loginForm" action="#" method="post">
<div class="form-group">
    <label for="username">Username:</label>
    <input class="form-control" id="username" type="text" name="username" placeholder="Enter username"/>
</div>
<div class="form-group">
    <label for="password">Password</label>
    <input class="form-control" id="password" type="password" name="password" placeholder="Enter password"/>
</div>
<button class="btn btn-primary" type="submit" name="submit">Login</button>

用户名：
密码
登录

---

我不熟悉使用jQuery并遵循它，因此可能是一个非常简单的错误，但需要比我更专业的人。

尝试将名为

required

的属性添加到您需要的字段中，否则插件将不知道您实际需要的值：） 请参见上的代码示例

---

所有内置规则都可以在

上标题为“内置验证方法列表”的部分中找到。请尝试将名为

required

的属性添加到您需要的字段中，否则插件将不知道您实际需要的值：） 请参见上的代码示例

所有内置规则都可以在上标题为“内置验证方法列表”的部分中找到