Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 红色文本框边框颜色_Javascript_Html - Fatal编程技术网

Javascript 红色文本框边框颜色

Javascript 红色文本框边框颜色,javascript,html,Javascript,Html,我有一张有一个文本框的表格。我想检查文本框值何时为空,并在文本框为空时在文本框本身周围制作某种红色边框 if (document.getElementById('pageh').value == "") { alert("One of the fields is empty."); return false; } 这是我的验证,但如何添加红色边框?可能是类似的 var field = document.getElementById('pageh'); if (field.va

我有一张有一个文本框的表格。我想检查文本框值何时为空,并在文本框为空时在文本框本身周围制作某种红色边框

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

这是我的验证,但如何添加红色边框?

可能是类似的

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

注意,不要害怕更换零件:这只是。

可能是这样的吗

var textbox = document.getElementById("pageh");
if (textbox.value.replace(/^\s+|\s+$/g, "") === "") {
    textbox.style.border = "1px solid #ff0000";
}
请注意,不要害怕更换零件:这只是一个问题