如何使用php激活表单验证上的javascript代码

Question

如何在表单验证中激活javascript代码。

我在一个组合的(可视化的(登录/注册表单上运行表单验证。默认情况下会显示登录表单，当用户点击按钮并运行以下js代码时会显示注册表单

var card = document.getElementById("card");
function openRegister() {
card.style.transform = "rotateY(-180deg)";
}
function openLogin() {
card.style.transform = "rotateY(0deg)";
}

这一切都很好，当我使用php运行表单验证时，问题就来了。错误报告工作正常，并且错误消息显示在正确的位置。因此，登录表单的错误消息显示在前面有一类card的div中，而注册表单的错误显示在后面有一类卡片的div中。

因此，当用户使用默认显示的登录页面时，系统运行良好。当用户使用注册表单时，问题会出现，因为标题("location:loginRegForm.php"(显示默认登录单。如果单击按钮显示注册表单，则会显示正确的错误消息。

因此，我需要一种触发上述js代码的方法，这样，如果在使用注册表单时出现错误，则显示注册表单，而不是默认的登录表单。我已经为此挣扎了几天，所以我会感谢的任何建议

Answer 1

通过$_SESSION或查询参数传递错误。

header("location:loginRegForm.php?regError=Custom errror message")

然后通过javascript显示注册表形式，es:

<script>
if(document.location.href.indexOf('regError') > -1) {
openRegister();
var querystring = document.location.href.split('?').pop().split('&');
for(var qs, qsi = 0; qsi < querystring.length; qsi++) {
qs = querystring[qsi].split('=');
if(qs[0] === 'errorMsg') {
document.queryString('.regErrorBlock').innerText = qs[1];
document.queryString('.regErrorBlock').style.display = 'block';
break;
}
}
}
</script>

在注册表表单中添加此块以显示错误

<div class="regErrorBlock" style="display:none"></div>