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>

JavaScript按预期工作，但我需要格式化页面上显示的文本。以下是用户名字段：

<fieldset class='step'>
<legend>Personal Information</legend>
<p>
    <label for="firstName">First Name: </label>
    <input type="text" name="firstName"/>
    <div id="usernameError"></div>
</p>
</fieldset>

由于你可以成像，JavaScript会附加/插入文本＆＃34;无效的名字＆＃34;，如果该字段为空，但是，我需要它为红色（因为它是一个错误）并缩进在右边。我如何实现这一目标？

Answer 1

在css中添加： -

#usernameError{
color: red;
font-style: italic;
}

格式化HTML中的错误验证

1 个答案: