的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>