如何在指定位置動態顯示div

我在我的網頁上有一些HTML文本框，現在我想驗證使用JavaScript的文本框，這意味着如果文本框不包含有效數據，而不是經典警報彈出我想在包含無效數據的文本框旁邊顯示div，誰能告訴我如何獲取文本框的位置並顯示帶有該文本框旁邊的錯誤消息的div ...如何在指定位置動態顯示div

我使用的是該頁的ajax jquery所以不需要任何服務器端代碼..並且沒有回傳。在此先感謝。

來源

2011-08-14 Abbas

可以爲空div添加的div文本框旁邊，分配一個ID，並檢查，如果有錯誤改變DIV

document.getElementById('divforTextBox').innerHTML = 'this filed is wrong!';

來源

2011-08-14 11:16:37

偉大的，但我的問題是我有很多文本框的上該頁面，所以我想避免使用多個div和使用單個div的所有文本框...以及如果我做了上述，我需要啓用/禁用div的情況下有多個無效條目textBoxes ..我的意思是如果有多個textBox其中包含無效的條目，我需要處理單獨的div的所有.. – Abbas

是的，你可以，但你必須得到每個文本框的位置，並追加相對於該文本框絕對位置的錯誤div。那麼爲什麼不簡單，並添加空白的div，你還將確保文本框在所有瀏覽器上呈現正常。 –

檢查這個例子中的內容。

Plugins/Validation/Methods/number

Validation plugins in JQuery

來源

2011-08-14 11:19:41

jQuery有無數validation plugins能做到這一點。

來源

2011-08-14 11:21:21 ain

您可以通過下面的代碼實現這一點：

的JQuery/JS代碼：

function validation() 
{ 
    if ($("#username").text() == "") 
    { 
     $(".form-field").add("span").text("This is the error message or custom text"); 
     return false; 
    } 
}

HTML代碼：

<div class="form-field"> 
    <input id="username" name="user" type="text" /> 
</div> 

<input type="submit" onclick="validate" />

來源

2011-08-14 11:46:08

如何在指定位置動態顯示div

回答

相關問題