2012-12-19 251 views
1

我有一個帶有一個文本框的窗體。我想檢查文本框的值是否爲空,並在文本框爲空時在文本框周圍創建某種紅色邊框。紅色文本框邊框顏色

if (document.getElementById('pageh').value == "") { 
    alert("One of the fields is empty."); 
    return false; 
} 

這是我的驗證,但如何添加紅色邊框?

回答

5
var field = document.getElementById('pageh'); 

if (field.value == "") { 
    document.getElementById('pageh').style.border = "solid 1px red"; 
    alert("One of the fields is empty."); 
    return false; 
} 
1

也許這樣的事?

var textbox = document.getElementById("pageh"); 
if (textbox.value.replace(/^\s+|\s+$/g, "") === "") { 
    textbox.style.border = "1px solid #ff0000"; 
} 

注意,不要怕replace部分:這只是cross-browser text trim

+0

我也想謝謝你:)這也有幫助 – zarko