的HTML表單驗證

Question

使用內部的JavaScript如下：

<script> 
function validateForm() 
{ 
    var x=document.forms["myForm"]["firstName"].value; 
    if (x==null || x=="") 
    { 
     document.getElementById('usernameError').innerHTML = "Invalid First Name"; 
     return false; 
    } 
} 
</script> 

我將如何插入用戶錯誤文本在註釋中的位置：

<form name="myForm" action="someAction" method="post" onsubmit="return validateForm()" > 
<fieldset class='step'> 
    <legend id="usernameError">Personal Information</legend> 
    <p> 
     <label for='firstName'>First Name:</label> 
     <input type='text' name='firstName' id='firstName' /> 
     <!--Is JavaScript able to insert/append text here?--> 
    </p> 
</fieldset> 

Answer 1

插入或添加將導致如果用戶更正該字段，將會保留多個錯誤消息。

覆蓋是你應該做的。

試試這個：

<p> 
    <label>First Name: 
     <input type="text" name="firstName" /> 
    </label> 
    <div id="usernameError"><!-- empty at start --></div> 
</p>