Javascript 检查匹配的电子邮件';HTML格式的

Javascript 检查匹配的电子邮件';HTML格式的,javascript,html,Javascript,Html,我有一个网页,其中用户提交了一个包含电子邮件字段和确认电子邮件字段的表单 如何检查以确保这两个字段的内容相同? <form> Email: <input type="text" name="email"><br /><br /> Confirm Email: <input type="text" name="confirmemail"><br /><br /><br /><br /> &l

我有一个网页,其中用户提交了一个包含电子邮件字段和确认电子邮件字段的表单

如何检查以确保这两个字段的内容相同?

<form>
Email: <input type="text" name="email"><br /><br />
Confirm Email: <input type="text" name="confirmemail"><br /><br /><br /><br />
<input type="submit" value="Submit">
</form>

电子邮件:

确认电子邮件:





最简单的方法是使用Javascript,因为您可以在表单提交到php文件之前停止表单提交。但是,验证php文件中输入的数据仍然是一种良好的做法,还有一些程序允许您在进行javascript检查后更改表单中提交的数据

<script>
    function checkMatch() {
        var email = document.getElementById('email').value;
        var emailConfirm = document.getElementById('emailConfirm').value;

        if (email != emailConfirm) {
            alert("Email addresses are not the same.");
            return false; //Returning 'false' will cancel form submission
        } else {
            /*
            place the return true; at the end of the function if you do other
            checking and just have if conditions and return them as false. If
            one thing returns false the form submission is cancelled.
            */
            return true;
        }
    }
</script>

将id添加到您的电子邮件输入中,例如:email和emailConfirm。如果愿意,您可以更改它们,但仅举一个我使用它们的示例。

对于jQuery,但没有错误处理,我建议:

$('form').on('submit', function() {
    return $('input[name=email]').val() == $('input[name=confirmemail]').val();
});

可笑的简单。

这是标记为js和jquery的,但没有显示,表单被发送到submit.PHP。请澄清..更新的标签,表单的操作与此无关。检查位置?服务器端还是客户端?如果您想在客户端使用它,就不应该删除javascripttag@user3130731不,这不是无关紧要的。它是提交给php的,那么为什么不签入php呢?答案可以是任何范围的东西。当然,您可以使用js/jquery,但您没有提供任何代码,甚至没有在问题中提到这一点。您也可以在PHP中执行此检查,您在问题中(最初)提到了它,但没有标记。我只是想澄清一下,我有这个问题,但我的表格仍然提交。。我还添加了ID。
如果返回false,表单将不会提交。(将其添加到我的答案中)
$('form').on('submit', function() {
    return $('input[name=email]').val() == $('input[name=confirmemail]').val();
});