Javascript 表单验证，无法显示div标记中的错误

好的，我有一张表格，上面没有什么问题。我开始为它编写验证代码，但我的错误不会显示出来。它会发现错误，因为它将div的状态从隐藏更改为可见，但不会显示错误类型

这是我的valform.js

reason = "";
function validateForm(form) 
{
    reason += validateAge(form.age);
    if (reason != "") 
    {
        document.getElementById('erbox').style.visibility = 'visible';
        return false;
    }
    return true;
}

function validateAge(fld)
{
    function isNumber (o) 
    {
        return ! isNaN (o-0);
    }

    var error ="";
    var x=fld.value;
    if (x==null || x=="" )
    {
        error="Age must be filled";
    }
    else if (isNumber(x)==false) 
    {
        error="Your age is not numeric value!";
    }
    else if (x<18) 
    {
        error = "You need to be 18 or older!";
    }
    return error;
}

这将在加载时填充div——您的验证函数只显示它，而不使用新消息填充它，因此它是空的

试试这个：

if (reason != "") {
    var box = document.getElementById('erbox');
    box.style.visibility = 'visible';
    box.innerHTML = 'Next error(s) occurred: ' + reason; // here you go
    return false;
}

---

将错误消息添加到错误

DIV

的代码在哪里？需要一些额外的帮助，提前谢谢您我想他想保留此文本：下一个错误发生了：所以基本上我忘了为该DIV显示一些内容。哦，我真傻，谢谢您。@user1825130如果有帮助，请确保将答案标记为“已接受”。快乐编码！我能问你更多的问题吗。当我有1个错误时，如果用户再次尝试提交，并且出现新错误。如何删除网站上的旧错误条目，以便只显示新的错误。Ya将

原因=”在
validateForm（）函数中
<script src="js/valform.js"></script>

function vGender(fld) {

var x = fld.value;


var i = 0;
while (i < x.length) {
    if (x[i].checked) formValid = true;
    i++;        
}

if (!formValid) error = "blabla";
return error;
}​

reason += vGender(form.radios);

document.write.lastcheck('reason'); 

if (reason != "") {
    var box = document.getElementById('erbox');
    box.style.visibility = 'visible';
    box.innerHTML = 'Next error(s) occurred: ' + reason; // here you go
    return false;
}