在Javascript中，如何更改警報窗口以在輸入框旁邊顯示該警報

我和朋友正在製作數據驗證程序。如果您輸入程序不會接受的數據（例如將數字放在名稱字段中），則會顯示一條Windows警報，告訴您無效。我們決定改變這種方式，以便在每個表單元素的右側會顯示一個空白表格單元，以顯示您的數據無效。我怎麼能改變這個？在下面附上代碼。在Javascript中，如何更改警報窗口以在輸入框旁邊顯示該警報

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; 
}

來源

2014-10-21 James

「

」和「」的相關HTML是什麼？ – 2014-10-21 21:52:22

回答

廣場旁邊的輸入字段有一個唯一的ID span元素，然後你就可以插入文本插入特定的字段：

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

來源

2014-10-21 21:52:38

最簡單的形式給出是設置此單元格的ID：

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

，比你的JavaScript：

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

來源

2014-10-21 21:55:51 Klapsa2503

您還可以將DOM樹遍歷一個級別到<td>元素，然後到其兄弟並使用您的錯誤消息更改它的innerHTML。

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

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

來源

2014-10-21 21:56:27

相關問題