在页面div而不是弹出框中显示JavaScript警报

我在表单上有验证功能，该表单当前使用alert显示一个弹出框，其中包含以下消息：

HTML

如何使弹出框中当前显示的文本改为显示在

中？

更改

 alert('You entered two different passwords, please make sure both password fields match.');

到

document.getElementById（“错误”）.innerHTML=“您输入了两个不同的密码，请确保两个密码字段匹配。”

您可以更改以下内容：

alert('You entered two different passwords, please make sure both password fields match.');

致（如Kevin p.所述）：

或者使用jquery（因为您标记了jquery）：

此外，为了避免错误，请使用严格的不平等符号：

if(x !== y){
    // some code here
}else{
    // some code here
}

---

您可以这样做：

函数显示弹出窗口（文本、标题）{
$（“#弹出框体”）.empty（）；
弹出=$（“#弹出”）；
css（“显示”、“块”）；
$（'#background div'）.css（“显示”、“块”）；
POPUSCUREAD=$（“#弹出标题文本”）；
html（标题）；
popupBody=$（“#popup body”）；
html（文本）；
}
函数show（）{
showPopup（$（'#text'）.val（），$（'#title'）.val（））；
}
（功能（）{
$（'#background div'）。单击（函数（）{
$（'弹出'）.css（“显示”，“无”）；
$（'#background div'）.css（“显示”、“无”）；
});
$（文档）.keyup（函数（事件）{
if（$（'#popup'）.css（“display”）=“block”）{
if（event.which==27）{
$（'弹出'）.css（“显示”，“无”）；
$（'#background div'）.css（“显示”、“无”）；
}
}
});
})();

.弹出框{
位置：绝对位置；
宽度：500px；
高度：200px；
最高：50%；
左：50%；
利润上限：-100px；
左边距：-250px；
背景色：#FFFFFF；
z指数：100000000；
边框：2倍实心#000000；
边界半径：15px；
}
.弹出标题{
利润上限：-19px；
边框底部：2倍实心#000000；
背景：红色；
文本对齐：居中；
字体系列：冲击，木炭，无衬线；
边框右上角半径：15px；
边框左上半径：15px；
}
.弹出式正文{
边缘顶部：10px；
边缘底部：10px；
高度：40px；
背景：#FFFFFF；
字体系列：冲击，木炭，无衬线；
文本对齐：居中；
}
.弹出标题文本{
边缘顶端：40px；
}
标题
正文
正文：
您输入了两个不同的密码，请确保两个密码字段匹配。

标题：


显示弹出窗口！
使用div.innerHTML代替alert（）；
 document.getElementById("error").innerHTML = 'You entered two different passwords, please make sure both password fields match.';

alert('You entered two different passwords, please make sure both password fields match.');

document.getElementById("error").innerHTML = "You entered two different passwords, please make sure both password fields match.";

$("#error").html("You entered two different passwords, please make sure both password fields match.");

if(x !== y){
    // some code here
}else{
    // some code here
}