textarea螺钉形式的Javascript表单验证错误消息

Question

好的，所以我正在用我在JavaScript中的一点知识做我课程的基本表单验证脚本我不是在寻找一个更复杂但更简短的方法来通过使用循环或类似的东西来执行我的验证，我正在等待一个java预定到达并将在稍后学习更多我只是做一个基本的验证脚本。

我只是想知道为什么当我尝试显示textarea的错误消息时，表单开始完全重置。

表单1工作http://www.richie.id.au/TAFE/form/enquiry.html表单2不起作用http://www.richie.id.au/TAFE/form2/enquiry.html

两者之间的唯一区别是这段代码会导致错误消息消失：

    //Message message action if true of false
    if(messageMessage==true){
        document.getElementByID('messageError').innerHTML='*Please enter a message*';
    }
    if(messageMessage==false){
        document.getElementByID('messageError').innerHTML='';
    }

它与我的其他消息完全相同，所以我不确定为什么它会导致表单错误消息只显示一秒然后消失。 任何帮助深表感谢。

Answer 1

document.getElementByID应该是：

document.getElementById('messageError')... //small d not capital D

Answer 2

您的表单因其提交而重置（在第二种情况下）。 您在http://www.richie.id.au/TAFE/form2/clientSideValidator.js输错了：

    if(messageMessage==true){
        document.getElementByID('messageError').innerHTML='*Please enter a message*';
    }
    if(messageMessage==false){
        document.getElementByID('messageError').innerHTML='';
    }

替换为：

if(messageMessage==true){
    document.getElementById('messageError').innerHTML="*Please enter a message*";
}
if(messageMessage==false){
    document.getElementById('messageError').innerHTML='';
}