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>

HTML表单验证

1 个答案: