javascript validate form check - echo out errors in form？

Question

我目前已经有一个验证我的表单并显示错误，如果一个字段没有完成的JavaScript代码。我也想知道我怎么可以在窗体中回显错误，例如，如果'fname'没有填写，那么这说'你没有填写fname'，或者如果'fname'和fcompany'没有填写在这里说

You did not fill in fname 
you did not fill in fcompany 

继承人我的html：

<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post"> 
Company Name: <input type="text" name="fname"> 
Company Registration Number: <input type="text" name="fcompany"> 

继承人我的javascript：

<script> 
function validateForm() 
{ 
var x=document.forms["myForm"]["cname"].value; 
if (x==null || x=="") 
    { 
document.body.scrollTop = document.documentElement.scrollTop = 0; 
    document.getElementById("alertBox").style.display='block'; 
    return false; 
    } 
} 
</script> 

Answer 1

让你的验证函数生成错误的数组，然后让另一个函数采取错误阵列和构建HTM L：。

http://jsfiddle.net/J9LJj/

function displayErrors(errors){ 
    var container = document.getElementById("alertBox"); 
    var html = "<ul>"; 

    for(var i=0; i<errors.length; i++){ 
     html += "<li>" + errors[i] + "</li>"; 
    } 
    html += "</ul>"; 

    container.innerHTML = html; 
    container.style.display = "block"; 
} 

function validateForm(){ 
    var fname = document.forms["myForm"]["fname"].value; 
    var fcompany= document.forms["myForm"]["fcompany"].value; 

    var errors = []; 

    if(fname == ""){ 
     errors.push("you did not fill in fname"); 
    } 
    if(fcompany == ""){ 
     errors.push("you did not fill in fcompany"); 
    } 

    if(errors.length > 0){ 
     displayErrors(errors); 
     return false; 
    } else { 
     return true; 
    } 
}