显示无效的表单元素而不尝试提交表单

Question

我有一个html注册页面，用户输入信息，然后提交表单，并在数据库中输入信息。如果用户尝试提交表单而未输入所需的所有信息，我会在提交之前收到无效反馈类，并告知用户在提交之前需要输入哪些信息。

  

在我的计算机上本地运行时，该表单非常有效，但是当我将其上传到实际服务器时，注册页面只显示所有无效反馈消息，甚至用户也无需提交表单。

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

（正确）这就是localhost上的样子：

（不正确）这就是我服务器上的样子：

Answer 1

如果您使用的是bootstrap 4，则需要添加经过验证的类，该类将在通过客户端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>