在Javascript中，如何更改警报窗口以在输入框旁边显示该警报

Question

我和我的朋友正在制作一个数据验证程序。 如果输入程序不接受的数据（例如，在名称字段中输入数字），则会显示Windows警报，提示您无效。 我们决定要更改此设置，以便代替Windows警报，在每个表单元素右侧将显示一个空表单元格，以显示您的数据无效。 我该如何更改？ 下面附上代码。

function fNameValidation()
{
if (document.forms[0].fName.value.length==0)                //First name data validation
{                                                           //check for any entry
alert('Please enter your first name.');
document.forms[0].fName.focus();
return;
}

Answer 1

在具有唯一ID的输入字段旁边放置一个span元素，然后可以将Text插入该特定字段：

document.getElementById('firstNameError').innerHTML = "Please enter your first name.";

Answer 2

最简单的方法是设置此单元格的ID：

<td id="nameErrorCell">
    (...)
</td>

并且比您的javascript：

var cell = document.getElementById('nameErrorCell');
cell.innerHTML="error message";

Answer 3

您还可以将DOM树向上移动到<td>元素，然后到其同级，并使用错误消息更改其innerHTML 。

document.forms[0].fName.parentNode.nextSibling.innerHTML = 'Please enter your first name.');

如果<input>和<td>之间有元素，请添加更多.parentNode 。