javascript - 赤いテキスト ボックスの境界線の色

Question

テキストボックスが 1 つあるフォームがあります。テキストボックスの値が空のときを確認し、空のときにテキストボックス自体を囲むある種の赤い境界線を作成したいと思います。

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。これは単なるクロスブラウザのテキストトリムです。