javascript - 使用 Javascript/Jquery 登录验证文本框/输入以及正确/错误的图像

Question

我想使用 javascript/jquery 进行登录以进行验证，然后当我单击按钮时，它会检查数据库中的这些值，但我只寻求有关 javascript/jquery 的帮助。

当您开始在文本框中输入/输入“用户名”或“密码”时，我想这样做，然后输入以下图像之一:“错误”“正确”

当您输入文本框时，应显示图像“错误”。并且您必须在用户名和密码中写入至少 6 个字符，因此应该在您写入超过 6 个字符之前显示 i。

当您写入超过 6 个字符并且用户名中仅包含 0-9 Aa 时，应显示图像“正确”

代码:

 <table>
        <tr>
            <td>
                <asp:Label ID="LabelUsername" runat="server" Text="Username:"></asp:Label>
            </td>
            <td>
                <input type="text" id="TextBoxUsername" runat="server" placeholder="Username" oncopy="return false" onpaste="return false" oncut="return false" class="Text" />
            </td>
            <td>
                <img src="images/Forkert.png" id="wronguser" style="width:45%;height:40%;visibility:hidden"/>

            </td>
            <td>
                <img src="images/Rigtigt.png" id="correctuser" style="width:45%;height:40%;visibility:hidden" />
            </td>
        </tr>
        <tr>
            <td>
                <asp:Label ID="LabelPassword" runat="server" Text="Password:"></asp:Label>
            </td>
            <td>
                <input type="text" id="TextBoxPassword" runat="server" placeholder="Password" oncopy="return false" onpaste="return false" oncut="return false" class="Text" />
            </td>
            <td>
                <img src="images/Forkert.png" id="wrongpass" style="width:45%;height:40%;visibility:hidden"/>

            </td>
            <td>
                <img src="images/Rigtigt.png" id="correctpass" style="width:45%;height:40%;visibility:hidden" />

            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <input id="ButtonLogin" runat="server" type="submit" value="Login" name="Login-button" />

                <input id="ButtonCancel" runat="server" type="submit" value="Cancel" name="Cancel-button" class="cancel" />

            </td>
        </tr>
    </table>

编辑:

我知道它是注册/注册，但重点是，如果不满足要求，则会弹出此框。 [https://signup.leagueoflegends.com/en/signup/index][1]

Answer 1

我希望你不要用它来构建一个公共(public)网站，因为 jquery 需要与一个 Web 服务通信，该服务将给出很多错误的组合来检查，并且永远不要怀疑任何事情。基本上这将是一个“欢迎暴力”入口点。