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