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

时间:2014-10-21 21:43:56

标签: javascript cell alert

我和我的朋友正在制作数据验证程序。如果输入程序不接受的数据(例如将数字放在名称字段中),则会收到一个窗口警报,告知您无效。我们决定要更改此设置,以便在每个表单元素的右侧显示一个空表格单元,而不是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;
}

3 个答案:

答案 0 :(得分:0)

使用唯一ID在输入字段旁边放置一个span元素, 然后,您可以将Text插入该特定字段:

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

答案 1 :(得分:0)

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

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

而不是你的javascript:

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

答案 2 :(得分:0)

您还可以将DOM树向上移动到<td>个元素,然后移动到它的兄弟,并使用您的错误消息更改其innerHTML

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

如果<input><td>之间存在元素,请添加更多.parentNode