使用js在网页上显示错误的问题答案

【问题标题】：Problem displaying error on the webpage using js使用js在网页上显示错误的问题
【发布时间】：2009-07-08 14:16:20
【问题描述】：

我创建了一个网页，其中有几个输入框和一个提交按钮

<form action="" method="post" name="password">

点击提交按钮时，调用一个js函数，检查密码是否相同，如果不一样则显示错误

if (passwrd1!=passwrd2)
{
document.getElementById("response").innerHTML="<font color='red'>Passwords do not match</font>";
}

它显示错误：

<div id="response" align="center">Response from js</div>

但问题是，它显示了函数，然后返回相同的“来自 js 的响应”。

我应该怎么做才能解决这个问题？？

最好的泽山

【问题讨论】：

【解决方案1】：

您是否也从提交按钮的单击功能中返回 false 以防止它实际回发表单？

if (passwrd1 != passwrd2)
{
    document.getElementById("response").innerHTML = "Passwords don't match";
    return false;
}

因为从您提供给我们的少量代码来看，您的表单无论如何都会被发回。

【讨论】：

【解决方案2】：

您需要在 if 语句中使用 return false;，因为即使语句被命中，表单也会被发布。 return false 将停止发布表单并显示消息。

即使这不是问题的一部分，我还是建议您不要使用 <font>-元素，因为它已被弃用，而且不是仅显示一些红色文本的好方法。您可以在文本颜色设置为红色的跨度中输出错误消息，如下所示：

document.getElementById("response").innerHTML = "<span style=\"color: red;\">Message</span>";

差别不大，但遵循网络标准总是一件好事。

举个例子说明 cmets 中所说的内容，您最好定义一个类并使用 CSS 对其进行样式设置。

.errormsg { color: red; }

document.getElementById("response").innerHTML = "<span class=\"errormsg\">Message</span>";

结果是一样的，但正如 cmets 中所说的那样；它更易于维护，因此是更好的解决方案。

【讨论】：