红色文本框边框颜色

Question

我有一个带有一个文本框的窗体。我想检查文本框的值是否为空，并在文本框为空时在文本框周围创建某种红色边框。

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

这是我的验证，但如何添加红色边框？

Answer 1

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

Answer 2

也许这样的事？

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

注意，不要怕replace部分：这只是cross-browser text trim。