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