JS外部文件密码验证

【问题标题】：JS external file password validationJS外部文件密码验证
【发布时间】：2021-02-11 11:05:28
【问题描述】：

我在运行验证密码正确的程序时遇到问题。我有一个包含两个文本字段的表单，一个是“密码”，另一个是带有外部 Java 脚本文件的“密码 2”。我有一个验证它们的功能。我不确定如何连接我的文件以及调用该函数。

当我测试它时，我输入了错误的密码，但表单仍然提交了错误的信息，并且没有显示我写的错误消息。

感谢任何帮助。

【问题讨论】：

标签： javascript passwords

【解决方案1】：

您可以从表单中为“提交”事件添加监听器函数。您的函数将收到一个Event，您可以使用e.currentTarget 从中获取您的表单

最后别忘了拨打e.preventDefault()取消表单提交

<body>
    <form id="js-form">
        <input type="text" name="password"/>
        <input type="text" name="password2"/>
        <input type="submit" value="submit"/>
    </form>
    <script>
        document.addEventListener("DOMContentLoaded", () => {
            document.getElementById("js-form").addEventListener('submit', (e) => {
                const $form = e.currentTarget;
                if($form['password'].value !== $form['password2'].value) {
                    alert('password mismatch');
                    e.preventDefault();
                }
             });
        }); 
    </script>
</body>

【讨论】：