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();
});