Javascript 在未尝试提交表单的情况下出现无效表单元素

我有一个html注册页面，用户在其中输入信息，然后提交表单，并将信息输入数据库。如果用户试图提交表单而没有输入所需的所有信息，我有一个无效的反馈类，它会在表单提交之前捕获表单，并告诉用户在提交之前需要输入哪些信息

当在我的计算机上本地运行时，该表单可以完美地工作，但当我将其上载到实际服务器时，注册页面只显示所有无效的反馈消息，甚至用户都没有提交表单

我想知道是否有人有过这方面的经验，或者是否知道这是一个引导问题，我丢失了一个文件？ 我只是在寻找可能出错的建议。我使用bootstrap、nodejs、css、html、express、js

（正确）这就是它在本地主机上的外观：

（不正确）这是我的服务器上的外观：

---

如果您使用的是bootstrap 4，则需要添加was验证类，该类将在通过客户端JavaScript验证表单后动态添加。大概是这样的：

<form class="container was-validated" novalidate="">
    <div class="form-group">
        <label class="form-control-label" for="inputSuccess1">Input with success</label>
        <input type="text" class="form-control" name="i1" id="inputSuccess1">
        <div class="valid-feedback">Success! You've done it.</div>
    </div>
    <div class="form-group">
        <label class="form-control-label" for="inputSuccess2">Input with danger</label>
        <input type="text" class="form-control" name="i2" required="" id="inputSuccess2">
        <div class="invalid-feedback">That didn't work.</div>
    </div>
    <div class="">
        <button type="submit" class="btn btn-secondary">Text</button>
    </div>
</form>

成功地投入
成功！你做到了。
危险输入
那没用。
正文

Hmmm。。。背景颜色样式也不同。。。我想知道您的生产环境中是否缺少CSS文件或JS文件？服务器上是否有本地代码的缩小版本？请共享代码，否则我们无法帮助。不要编辑问题以包含答案，请在下面添加新答案。