javascript - 红色文本框边框颜色

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部分：这只是跨浏览器文本修剪。