首先看下效果，沒什麼特別，呵呵！
調用的代碼呢，則是相當簡單，不需要創建其他的Label或者span標簽，腳本將自動生成：
復制代碼 代碼如下:
<input type="text" id="txt1" onkeyup="checkResult(this.value == '', 'txt1', ' *這裡不能為空喔！')" />
接下來我們看下這個checkResult這個函數，checkCondition參數表示判斷條件，當條件為true時顯示提示信息；showAfterId參數為創建的顯示提示信息的標簽之前的元素ID，在這裡我們在input後面創建一個span來顯示提示信息，因而 傳入的參數值為當前input的ID“txt1”；最後一個參數為顯示的文字，這個就不用啰嗦了。
復制代碼 代碼如下:
//驗證不能為空展示提示信息
function checkResult(checkCondition, showAfterId, showMsg) {
var showLabelId = showAfterId + "showMsg";
if (checkCondition) {
if (document.getElementById(showLabelId)) {
document.getElementById(showLabelId).innerHTML = showMsg;
} else {
createShowElement(showAfterId, showLabelId, "color:red", showMsg, 'span');
}
} else if (!checkCondition) {
if (document.getElementById(showLabelId))
document.getElementById(showLabelId).innerHTML = '';
}
}
好，最後我們來看這個“createShowElement(currentId, elementId, style, showMsg, tagName)”函數：currentId即當前標簽的ID；elementId為創建的標簽的ID；style為創建的標簽的樣式，按照樣式的寫法即可；showMsg不講了；tagName為創建的標簽名，如label或者span等。
復制代碼 代碼如下:
//創建展示提示信息的dom
function createShowElement(currentId, elementId, style, showMsg, tagName) {
if (!tagName) tagName = 'label';
var currentDom = document.getElementById(currentId);
var showMsgDom = document.createElement(tagName);
//showMsgDom.setAttribute("style", "color:" + textColor + ";");
if (style)
showMsgDom.setAttribute("style", style);
showMsgDom.setAttribute("id", elementId);
showMsgDom.innerHTML = showMsg;
currentDom.parentNode.insertBefore(showMsgDom, currentDom.nextSibling);
}
僅供交流，歡迎大家提出指點，渴望寶貴的意見。個人覺得，即使是寫簡單的腳本驗證程序，也應該盡量遵循面向對象的思想，並且在可擴展與效率上追尋一個協調的點，既不影響效率，同時讓我們寫的任何程序具有更高的可擴展性，這點思路其實不難，但是經常被很多初級程序員忽略。